2014-07-02

윈도우에서 기본적으로 깔려 있는 폰트들은 font-family:"verdana"; 식으로 사용하면 적용 된다.
하지만 해당 폰트가 깔려 있지 않다면 적당히 굴림체 정도로 대체되서 표시된다.

이런 현상을 대비하기 위해서 해당 폰트파일을 서버에 놔두고 해당 폰트파일로 불러 오게 할 수 있는 방법이 @font-face이다.

@font-face {
  font-family: 'Tangerine';
  font-style: normal;
  font-weight: 400;
  src: local('Tangerine'), url('Tangerine.woff') format('woff');
}

#text{
  font-family: 'Tangerine';
}

대충 위처럼 쓰면 된다.

물론 woff 파일이 미리 있어야 하는데, woff 파일은 구글에서 검색하면 쉽게 다운 받을 수 있다.