[CSS] @font-face 사용하기

@font-face{
    font-family: "font_name";
    src: local("?"), url("/font/font_name.woff") format("woff");
}

font-family는 html, body 같은 곳에서 사용될 폰트명을 지정해주는 것이다.

src의 경우는 local() 일 경우 local에서 현재 사용중인 폰트가 있는지 체크해주는 역할, 없을 경우
url로 넘어가 서버에 올라가 있는 폰트를 가져온다. format은 폰트의 글꼴 형식을 설정해주는 곳이다.

만약 다른 서버의 폰트를 사용하고 싶다면

url("http://font_server/font/fint_name.woff") 이런 형식으로 사용하면 되지만
서버에서 외부에서 자원을 사용하게 설정을 안하면 오류가 난다.

Host 설정 부분에 
<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>
을 추가해주면 오류를 해결할수 있다.