티스토리 뷰

발생일: 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` 타입은 이미 압축이 적용되어 있기 때문에 추가하지 않아도 된다.



참고:

반응형
댓글
공지사항