解决Web部署 svg/woff/woff2字体 404错误

问题:最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff、woff2字体的错误。导致浏览器加载字体报404错误,白白消耗了100-200毫秒的加载时间。

原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可。

解决方法

1、打开服务器IIS管理器,找到MIME类型。

2、添加MIME类型 添加三条:  

文件扩展名      MIME类型 

.svg             image/svg+xml
.woff            application/x-font-woff
.woff2          application/x-font-woff

注:本文在win8环境下IIS7版本中填写的MIME类型,在IIS6、IIS7 MIME类型管理所处位置不一样,但是添加方式和参数均相同。

时间: 2024-12-20 03:54:40

解决Web部署 svg/woff/woff2字体 404错误的相关文章

解决Web部署 svg/woff/woff2字体 404错误(转)

原文链接:http://www.cnblogs.com/hanwen/p/4212622.html 问题:最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff.woff2字体的错误.导致浏览器加载字体报404错误,白白消耗了100-200毫秒的加载时间. 原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可. 解决方法 1.打开服务器IIS管理器,找到MIME类型. 2.添加MIME类型 添加三条: 文件扩展名      MI

解决IIS Web部署 svg/woff/woff2字体 404错误

最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff.woff2字体的错误.导致浏览器加载字体报404错误,白白消耗了几百毫秒的加载时间. 一开始以为是路径的问题,检查发现路径也没错. 后来才发现因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可. 打开服务器IIS管理器,找到MIME类型 添加MIME类型 添加三条: 文件扩展名      MIME类型 .svg             image/svg+xml.woff   

解决Web IIS部署 svg/woff/woff2字体 404错误

问题:最近在IIS上部署web项目的时候,发现一些字体图标等无法正常显示,经查是浏览器无法找到woff.woff2字体的对应文件,报404错误. 原因:因为服务器IIS默认没有全部添加.svg,.woff/.woff2 这几个文件类型,只要在IIS上添加MIME 类型即可. 解决方法 1.打开服务器IIS管理器,找到MIME类型. 2.添加MIME类型 添加三条: 文件扩展名      MIME类型 .svg             image/svg+xml.woff            a

在IIS服务器上部署svg/woff/woff2字体

好了,废话不多说了直接,当你看见这篇文章的时候说明你遇到了跟我一样的问题,就是在IIS服务器上运行自己刚刚搭建好的网站不能识别 svg/woff/woff2字体.好了我马上要开始动手了,不信你马上看下面 1.我先把我的准备好的字体给解压出来看(当然这张图我是在网上找的,但是都一样) 2.然后一股脑都上传到服务器上,注意刚刚解压的文件里面已经生成了加载字体的CSS代码,在文件stylesheet.css里,直接拷贝过来把font-family改成我要的"Open Sans",放到自己网站

WinServer-IIS-svg/woff/woff2字体 404错误

问题:最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff.woff2字体的错误.导致浏览器加载字体报404错误,白白消耗了100-200毫秒的加载时间. 原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可. 解决方法 1.打开服务器IIS管理器,找到MIME类型. 2.添加MIME类型 添加三条: 文件扩展名      MIME类型 .svg             image/svg+xml.woff          

解决 svg/woff/woff2字体 错误

1.打开服务器IIS管理器,找到MIME类型. 2.添加MIME类型 文件扩展名      MIME类型 .svg             image/svg+xmz ?.woff            application/x-font-woff ?.woff2          application/x-font-woff

Atitit.404错误解决标准流程and url汉字中文路径404错误resin4 resin chinese char path 404 err解决

Atitit.404错误解决标准流程and url汉字中文路径404错误resin4 resin chinese char path 404 err解决 1. #原因解析 1 2. #解决方式 2 3. 输出图片流... 2 4. --code 2 5. 参考 3 1. #原因解析 查看累挂发送d url,,,俄使用的是ff..它把url转换成个 http://localhost/img/QQ%E6%88%AA%E5%9B%BE20140401175433.jpg 发送出去..每汉字3个%字符,

解决wordpress修改固定链接后出现404错误不能访问文章的方法

首先,建议大家安装完wordpress网站程序之后第一时间设置一下固定链接,避免以后修改出错.在wp后台仪表盘左侧导航里找到“设置——固定链接”即可配置你的wordpress固定链接,通常我习惯使用的有两种: /%postname%.html 和 /%post_id%.html 当然你如果不想修改,使用wp默认的链接方式也是可以的,只是感觉不太美观而已.下面主要说一下建站之后,wordpress修改固定链接出现404错误不能访问文章的解决步骤.出现这个错误应该是伪静态功能的问题,那么来看一下我怎

tomcat下部署两个工程时,只有一个可以访问,另一个出现404错误,该如何解决

在开发新项目的时候,有时候为了省时,直接把曾经做过的项目工程A拷贝成改名为B工程,然后再在B工程上进行功能的开发, 此时若把A,B工程同时部署到tomcat下,会发生只能访问A,B工程中的其中一个,而另一个会出现404错误,此时可参照如下方法解决: 步骤1:找到工程下的web.xml文件 步骤2:修改webAppRootKey的属性,使得两工程的不一致便可 A工程的webAppRootKey属性如下: <context-param> <param-name>webAppRootKe