웹 폰트(Web font), @font-face (웹 폰트)프로퍼티, 글꼴 지정하기

 

 

웹 폰트(Web font)

웹 문서를 작성할 때 웹 문서 안에 글꼴 정보도 함께 저장하였다가 사용자가 웹 문서에 접속하면 글꼴을 사용자 시스템으로 다운로드하게 하는 방식

 

 

@font-face (웹 폰트)프로퍼티

·       웹 폰트를 사용하는 속성

·       사용자의 시스템에 없는 글꼴을 사용하는 경우 해당 웹 문서에 필요한 글꼴들을 사용자 컴퓨터에 다운로드 해놓고 표시하기 때문에 항상 개발자가 의도한 대로 텍스트를 표현할 수 있습니다.

 

 

 

글꼴 지정하기

@font-face 를 선택자로 하고 font-family와 src, 그리고 format 속성이 포함됩니다.

 

@font-face { font-family: 글꼴 이름; src: url(글꼴 파일 경로) format(파일 유형); }

 

프라퍼티값	설명
font-family	·       글꼴 이름을 지정
src	·       폰트의 위치를 지정 ·       src 의 속성값으로 local과 url을 지정할 수 있는데 ·       local은 사용자의 컴퓨터 내부에 있는 폰트를 선택하고, ·       url은 사용자의 컴퓨터에 존재하지 않는 폰트를 지정합니다.