본문 바로가기
Front-End/CSS

07-2 웹 폰트 사용하기

by hoya7788 2023. 4. 14.

font-family 속성으로 글꼴을 지정할 때 글꼴이 사용자 시스템에 없을 경우를 대비해서 글꼴을 2~3개 함께 지정함.

하지만 웹 폰트를 사용하면 사용자 시스템에 없는 글꼴도 사용가능함.

 

웹 폰트 정의

[기본형] @font-face {

                 font-family: <글꼴 이름>;

                 src: <글꼴 파일>[<글꼴 파일>, <글꼴 파일>, ............];

                 }

 

되도록이면 글꼴 파일 이름과 같은 이름을 사용하는 것이 좋다.

'Front-End > CSS' 카테고리의 다른 글

07-4 목록 스타일  (0) 2023.04.14
07-3 텍스트 관련 스타일  (0) 2023.04.14
07-1 글꼴 관련 스타일  (0) 2023.04.14
6장 한눈에 정리하기  (0) 2023.04.14
06-4 캐스케이딩 스타일 시트 알아보기  (0) 2023.04.14