Home HTML | 폰트 변경
Post
Cancel

HTML | 폰트 변경

내가 아는 두가지 폰트 사이트 (대부분 무료 / 눈누의 경우 하단의 라이센스 요약 확인 필요)<hr/>

  1. 구글웹 폰트
  2. 눈누 웹폰트


웹 폰트 적용 방법 2가지


  1. link를 통해 적용
  2. @import를 통해 적용


link를 통해 적용

  1. 원하는 글꼴 선택

  2. 우측의 +Select this style 선택
    link-sel

  3. link의 내용 전체 복사(link rel~ 전부)
    link-copy

  4. html - head > title 다음 부분에 붙여넣기
    link-in

  5. css 부분 복사
    css-copy

  6. css - *{여기!} 에 넣어주기
    css-in



@import를 통해 적용

  1. 위와 동일
  2. 위와 동일
  3. @import 복사 (눈누의 경우 웹폰트로 사용 부분)

    • 구글 웹폰트
      import-copy-google
    • 눈누 웹폰트(웹폰트로 사용 전체)
      import-copy-noonnu
  4. html의 style태그(구글) / stylesheet 상단에 입력(눈누)

    • html의 style태그
      import-html-style
    • stylesheet 상단
      import-stylesheet
  5. *{여기!} (or 원하는 부분에)font-family:’이름!’ 입력
    **눈누의 경우 구글처럼 따로 분리되어 적혀있지않기 때문에 font-family 부분 복사하여 원하는 부분에 넣기!

    css-in


블로그 이전 전에 작성한 폰트 변경 자료

This post is licensed under CC BY 4.0 by the author.