解决Web部署 svg/woff/woff2字体 404错误
2017-01-07 17:38
281 查看
最近项目中用到了fontawesome-webfont.svg等字体。部署项目后,发现没有<,+等符号,字体也不对,发现浏览器总是报找不到woff、woff2字体的错误。
原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可。
IIS7 解决办法: http://www.cnblogs.com/hanwen/p/4212622.html
IIS6解决办法:http://blog.brain1981.com/682.html
详细如下:
1、打开服务器IIS管理器,找到MIME类型。
2、添加MIME类型 添加三条:
文件扩展名 MIME类型
.svg image/svg+xmz
.woff application/x-font-woff
.woff2 application/x-font-woff
注:本文在win8环境下IIS7版本中填写的MIME类型
IIS 6:
打开IIS,找到网站,右键属性,打开“HTTP头”,找到右下角的“MIME类型…”
新建如下3条:
.svg image/svg+xml
.woff application/x-font-woff
.woff2 application/x-font-woff
原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可。
IIS7 解决办法: http://www.cnblogs.com/hanwen/p/4212622.html
IIS6解决办法:http://blog.brain1981.com/682.html
详细如下:
1、打开服务器IIS管理器,找到MIME类型。
2、添加MIME类型 添加三条:
文件扩展名 MIME类型
.svg image/svg+xmz
.woff application/x-font-woff
.woff2 application/x-font-woff
注:本文在win8环境下IIS7版本中填写的MIME类型
IIS 6:
打开IIS,找到网站,右键属性,打开“HTTP头”,找到右下角的“MIME类型…”
新建如下3条:
.svg image/svg+xml
.woff application/x-font-woff
.woff2 application/x-font-woff
相关文章推荐
- 自定义字体图标
- 今天在学习bootstrap,在使用字体图标的时候,无法显示
- Bootstrap—解决引入本地Bootstrap文件字体图标无法显示问题
- Bootstrap—200多种字体图形,你想要的都在这里
- 前端框架增加自定义fontIcons的方法
- css字体图标iconfont 使用方法
- 有了Font Awesome,再也不担心没图标用了----Font Awesome字体图标在android中的使用
- 配合字体图标的搜索框
- Font Awesome-一款吊炸天的字体图标插件中文全介绍
- Bootstrap字体图标
- 网页图标使用字体文件来定义
- android 开源库收藏
- CSS应用-字体图标化
- 免费图标字体:一套圣诞节相关的图标字体
- 图标字体的使用
- :before 和 :after的多用途实践 — 提升篇
- bootstrap35-字体图标
- Bootstrap 字体图标(Glyphicons)
- svg图标转Iconfont字体图标
- elementUI自定义字体图标