Nginx支持字体文件
2018-06-26 14:32:44
1246次阅读
0个评论
为了在前端正确地显示字体,浏览器必须使用正确的http header来接受字体文件。如果服务器没有设置要求的头信息,那么有些浏览器就会在控制台报错或者直接不能显示。
可能你的服务器已经配置好了,你无须再动任何东西。如果没有配置好,那么你需要注意下面几点:
首先,修改mime-type headers;
对于CORS headers 信息设置,添加下面的几行到你的vhost配置中:
可能你的服务器已经配置好了,你无须再动任何东西。如果没有配置好,那么你需要注意下面几点:
首先,修改mime-type headers;
其次设置CORS headers-仅当你从不同域下获取字体文件或者html页面的时候。(*注意:如果你没有设置CORS headers信息,你可以直接把字体文件(路径)嵌入到CSS样式中。如果你去fontello网站下载到本地的话fontello.css中就已经这样做好了)
Nginx服务器默认是没有支持字体的mime-type设置的,并且对.eot文件的mime-type也是不正确的。在配置文件夹下找到mime-type设置的地方。通常,在mimes.types文件下。
搜索.eot,并在下它的设置下添加下面几行:
application/font-sfnt otf ttf;
application/font-woff woff;
application/font-woff2 woff2;
application/vnd.ms-fontobject eot;
对于CORS headers 信息设置,添加下面的几行到你的vhost配置中:
location ~* \.(eot|otf|ttf|woff|woff2)$ {
add_header Access-Control-Allow-Origin *;
}
00
相关话题
- Nginx的upstream支持的5种分配方式
- 解决IE浏览器不支持Spring MVC 文件下载的问题
- Nginx 设置 X-Accel-Redirect 控制文件下载
- 基于Nginx XSendfile+SpringMVC进行文件下载
- Nginx 上传文件出现413 Request Entity Too Large错误
- Spring Boot指定某个Controller支持跨源请求,以及如何让Controller类某个成员方法支持跨源请求
- nginx禁止访问文件或目录的配置方法及location指令的uri匹配规则
- 在 element 页面滚动时,顶部 menu 栏遮住字体时会变成像素点
- nginx 多组件安装及secure_link配置与文件下载防盗链的使用
- Nginx配置WebSocket负载均衡
- Nginx 根据URL请求参数转发
- Nginx根据URL实现负载均衡
- Nginx配置http和https共存
- Nginx端口转发端口配置
- 文件流式上传