Daylogs/Nginx
nginx: 웹 폰트 설정하기
ohgyun
2016. 6. 6. 15:50
발생일: 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` 타입은 이미 압축이 적용되어 있기 때문에 추가하지 않아도 된다.
참고:
반응형