[CSS] font-face 태그

font-face란 외부에서 글꼴을 다운받아서 사용할 수 있게 해주는 방법으로 CSS3 표준이다.

@font-face{
    font-family : '폰트 이름';
    src: '폰트 경로';
    font-weight: '폰트 두께 지정';
    font-style: '폰트 스타일 지정';
 }

폰트 종류
TTF(True Type Font) : 일반적인 폰트 , 대부분의 브라우저 지원
OTF(Open Type Font) : TTF에 추가적인 기능 지원
WOFF(Web Open Font Format) : OTF + TTF 압축되어있어서 빠름

@가 붙은건 at-rules라고 해서 브라우저에게 지시하는 특별한 CSS를 말한다 (media , import , charset , font-face 등)