nginx: 웹 폰트 설정하기

발생일: 2014.04.14

키워드: nginx, 웹 폰트, web font, mime type, 마임 타입

문제:

서버에 웹 폰트 리소스를 올려두고 서빙하려고 하는데, nginx 가 제대로 응답하지 못해 웹 폰트가 적용되지 않는다.

해결책:

nginx 의 기본 마임 타입에 웹 폰트 리소스의 타입이 포함되어 있지 않기 때문이다.

nginx의 conf/mime.types 파일에 아래 타입을 추가해주면 된다.

font/ttf ttf;

font/opentype otf;

application/font-woff woff;

application/vnd.ms-fontobject eot;

- 기본 타입에 `eot` 확장자는 `application/octet-stream`으로 정의되어 있는데, 이 라인은 삭제해준다.

- `svg`는 이미 정의되어 있어서 추가로 정의하지 않아도 된다.

웹 폰트 파일이 gzip 될 수 있게, gzip 설정의 마지막에 웹 폰트 리소스도 추가해준다.

gzip_types [...] font/ttf font/opentype application/vnd.ms-fontobject image/svg+xml;

- `woff` 타입은 이미 압축이 적용되어 있기 때문에 추가하지 않아도 된다.

참고:

http://drawingablank.me/blog/font-mime-types-in-nginx.html