웹폰트(WebFont) : 웹서버에 저장된 글꼴파일을 클라이언트에게 제공하여 사용하는 기능
글꼴파일 : ttf 파일(OS에서 사용하는 글꼴파일), woff 파일(IE9 이상, 크롬, 사파리 등)
@font-face : 글꼴파일을 클라이언트에게 제공하기 위한 시스템 속성
예시
@font-face {
/* font-family 속성 : 글꼴파일을 구분하기 위한 식별자(글꼴명)를 속성값으로 설정 */
font-family: "NanumGothic";
/* src 속성 : url 함수를 사용하여 글꼴파일의 URL 주소를 속성값으로 설정 */
src: url("/web/css/fonts/NanumGothic.woff" URL주소);
}구글에서 제공하는 웹폰트 : https://fonts.google.com 사이트 참조 // @inport 또는 < link= rel href=주소 >활용
@import : 웹서버에 존재하는 CSS 파일을 현재 웹문서에 포함시키는 시스템 속성
원하는 폰트를 + 버튼을 눌러서 저장하고
View selected families 버튼을 눌러서 원하는 방식으로 폰트 활용
