출처:https://programmer-ririhan.tistory.com/82
✔ 시스템폰트 : 사용자 시스템에 기본으로 설치되어 있어 사용, font-family로 선언
✔ 웹폰트 : 서버에 저장해 제공하거나, 웹 경로를 통해 사용하는 폰트
✔ 이미지폰트(=이미지) : 시각적 요소를 위해 글꼴대신 이미지를 사용해 표현
@font-face
웹에 있는 글꼴을 사용자의 로컬 환경(컴퓨터)으로 다운로드하여 적용하는 속성.(기본 값 :없음)
@font-face의 속성 값 font-family : 웹폰트명 //필수 src : 다운로드 받은 웹 폰트경로(URL) //필수 font-style : 글꼴의 스타일 지정, 기본 값 normal //옵션 font-weight : 글꼴의 굵기 지정, 기본 값 normal //옵션
웹폰트는 웹이서 다운받아 로컬환경에 적용해야 하므로 인터넷 속도에 영향을 준다.
그렇기에 네이버, 다음 등의 포털사이트는 시스템 폰트를 사용해 사이트 속도를 최우선으로 한다.
mindaeng