본문 바로가기
IT/CSS

[폰트] @font-face{} 적용하기

by 옥탑방개발자 2020. 9. 29.
728x90

1. @font-face

  • font-family, src, font-style, font-weight, unicode-range속성 적용가능

2. font-familly 속성

  • 하나의 변수로 생각하면됨
  • font-family : myfont;

3. src

  • 폰트 찾는 순서
  • local() - 로컬에 설치 된 폰트 적용
  • url() - 다운로드 할 웹폰트 주소

4. format()

  • 브라우져별로 미적용되는 불필요 다운로드를 방지

5. unicode-range

  • 지정한 범위 내 지정한 문자가 없으면 웹폰트를 다운하지 않음
  • 단일, '-'범위, '?'와일드카드, 

참고 사이트 : 블로그

728x90