Front-End/CSS

07-2 웹 폰트 사용하기

hoya7788 2023. 4. 14. 16:17

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

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

 

웹 폰트 정의

[기본형] @font-face {

                 font-family: <글꼴 이름>;

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

                 }

 

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