网站上面无法显示woff、svg格式字体

最新推荐文章于 2022-02-21 09:48:47 发布
最新推荐文章于 2022-02-21 09:48:47 发布
阅读量1.1k 收藏
点赞数
分类专栏： 服务器 文章标签： woff字体 网站字体图标
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33858250/article/details/93980722
版权

网站上面无法显示woff格式字体，需要在服务器上进行配置（服务器为windows server2003/2008）

目前很多的开源前端框架、组件、样式库等使用字体样式，但默认情况下IIS不能识别相应的字体文件，需要做相应设置，否则访问页面时会找不到这个文件。

解决方法如下：

1、IIS中根路径中打开“MIME 类型”
在这里插入图片描述
2、添加界面中分别添加以下内容：
在这里插入图片描述

一般服务器上没有的字体
.svg image/svg+xml
.woff application/x-font-woff
.woff2 application/x-font-woff

扯文艺的猿
关注
专栏目录
Java解析woff_ttf字体转换成web中使用的woff、svg、eot格式字体
weixin_33508642的博客
02-23 909
NOIP提高模拟题 完全平方数完全平方数 (number.***(c/cpp/pas),1000ms,128mb) [问题描述] 一个数如果是另一个整数的完全平方,那么我们就称这个数为完全平方数(Pefect Sqaure),也称 ...Oracle a Parameter with multi value备注:此两种方案,都因为oracle内部字符函数的参数长度4000限制.另外,个人测试,性能...
@face-font 嵌入中文字体实例和ttf转换eot, woff, svg转换工具
05-09
TTF 是一种广泛使用的字体格式，但并非所有浏览器都支持，因此需要将其转换为 EOT、WOFF 和 SVG 格式。`ttf转eot`、`ttf转woff` 和 `ttf转svg` 是这个过程的关键步骤。 1. **TTF 转 EOT**：EOT 是 Microsoft 专为 ...
WinServer-IIS-woff字体不显示问题
weixin_30378623的博客
04-13 209
ASP.NET mvc发布到IIS之后，访问网站的时候，发现woff字体没有加载 百度发现很多博客上的教程是这样的，在IIS管理器中的MIME选项中添加类型 但是重新使用IIS发布后，新添加的字体就会消失，因为所有这些IIS配置，默认都取自你的webconfig配置文件，在iis中修改MIME也就是临时修改了webconfig文件而已，所以最好直接写在webconfig中，干...
解决Web部署 svg/woff/woff2字体 404错误
种德养心
03-04 1209
最近在IIS上部署web项目的时候，发现浏览器总是报找不到woff、woff2字体的错误。导致浏览器加载字体报404错误，白白消耗了100-200毫秒的加载时间。 原因：因为服务器IIS不认SVG，WOFF/WOFF2 这几个文件类型，只要在IIS上添加MIME 类型即可。 文件扩展名      MIME类型　 .svg             image/svg+xml .woff 
html显示svg文件内容,关于html：为什么包含字形时svg文件不能显示正确的字体？...
weixin_39803977的博客
06-07 519
我有一个无法正确显示字体的svg文件。 我试图显示两个字符。 我在字体说明中包含了字形。 字体说明如下。文字通话如下。#b该文本应看起来像以下路径。 它们是字形的形状。这是一个jsfiddle，显示未显示字体，而是显示一些随机的未知字体。http://jsfiddle.net/AU3MH/7/为什么不显示字体？我正在运行Windows 7和Internet Explorer 11版本。谢谢，-克里...
解决加载有.woff页面时，报404错误，找不到.woff文件
flym_的博客
05-01 2524
使用 vue build 之后做网站请求，发现 woff 字体无法获取 打包之后，本地打开，显示资源加载失败 真实路径应该是 http://keliupc.mncats365.com/static/fonts/ionicons.05acfdb.woff 浏览器实际加载路径为： http://keliupc.mncats365.comdist/static/css/static/fonts/ion...
服务器字体，网站放到服务器引入的外部字体不显示，修改方法
我不晓得
04-23 679
服务器修改MIME类型： 打开IIS管理器 在网站选项中找到你的项目对应的网站 找到MIME类型，双击打开 添加 .woff .woff2.otf后缀类型填 application/x-font-opentype 不存在点击鼠标右键添加，比如是.otf后缀的 文件扩展名填 .otf MIME类型填 application/x-font-opentype ...
下载谷歌字体woff2放到服务器cancel加载失败provisional headers are shown
Lankecms
08-20 1133
由于谷歌被墙的原因，无法直接引用谷歌的css资源和字体，要想引用谷歌的字体，可以先翻墙，将css文件中的woff2，woff之类的字体文件下载下来放到自己的服务器上。 　　最近将谷歌字体Open Sans字体下载下来放到自己服务器后，web服务器已经配置好woff，woff2字体文件的mime类型font/woff2，可以访问woff2字体文件弹出下载框，但是加载css文件，本地file测试就是...
使用Font awesome不显示图标的问题（如何引入）
记事本
03-30 8547
fond awesome官网： http://www.fontawesome.com.cn/ 是一款基于css框架的网页字体图标库 今天在使用的时候发现下载文件后进行官网上的引入： 复制 font-awesome 目录到你的项目中 在处加载font-awesome.min.css如下：（自己替换路径） <link rel="stylesheet" href="path/to/font-awe...
由IconFont引起的svg、ttf、woff、woff2图标的研究及转换
liu_chenglong的博客
04-12 8709
正在研究中，待修改，请勿全信。。。。。。 1、.svg文件： svg文件就是一个xml，定义了文字属性，位置等信息。 svg教程 例子： <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG...
Font Awesome图标在IE浏览器不显示的解决方法
weixin_46536331的博客
04-19 1841
Font Awesome图标在IE浏览器不显示的解决方法 1、查看css路径是否正确 2、查看font文件夹内的字体文件是否引入 3、查看font文件夹内的字体资源路径是否正确 自测的解决办法有： 第一种办法也是自测解决的办法，就是直接引入线上的链接 <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css"> 这是我在菜鸟教程复制的，链入后果真就出现图标了
vue引入iconfont 报错 vue-cli引入iconfont报错These relative modules were not found: ./iconfont/iconfont.eot?t
蓝胖子的博客
02-21 2396
* ./iconfont.ttf?t=1645407420543 in ./node_modules/css-loader??ref--6-1!./node_modules/postcss-loader/lib??ref--6-2!./src/assets/icons/iconfont.css * ./iconfont.woff2?t=1645407420543 in ./node_modules/css-loader??ref--6-1!./node_modules/postcss-loader/lib
自定义web字体-通过@font-face在页面中嵌入 .woff格式字体的引用
瑰的博客
11-01 7827
woff文件样式查看链接 http://fontstore.baidu.com/static/editor/index.html​​​​​​​    上传woff文件 即可看到woff文件的展示效果 woff文件可以用python的fontTools 打开 font = TTFont('xxx.woff') # 打开文件 font.saveXML('xxx/6329.xml')...
WOFF字体的Mime类型？
p15097962069的博客
01-11 1276
什么mime类型应该作为WOFF字体？ 我将truetype（ttf）字体作为font/truetype和opentype（otf）作为font/opentype opentype提供，但我
【问题及解决】fonts/fontawesome-webfont.woff2 404 (Not Found)
weixin_30843605的博客
09-30 1713
问题： 虽然网页正常显示和运行，但是有2个字体文件出现404错误。像笔者这种强迫症是接受不了的。 解决： 因为笔者的服务器是虚拟主机，只需要在主机控制器平台添加对应的MIME类型即可。 这样服务器就支持这两种字体文件，不会报错了。 参考的解决方案文章全文如下： 来源：http://www.yneit.com/2016/06/fontsfontawesome-web...
为什么font-face要同时设置ttf eof woff woff2 svg这么多格式
中国人命银行
05-21 8927
In short, font-face is very old, but only recently has been supported by more than IE. eot is needed for Internet Explorers that are older than IE9 - they invented the spec, but eot is a horr
win7 添加韩语字体
最新发布
12-10
在Win7中添加韩语字体非常简单。首先，您需要下载所需的韩语字体文件。然后，右键单击下载的字体文件并选择“安装”。接下来，打开“控制面板”，选择“外观和个性化”，然后选择“字体”。在字体窗口中，您可以看到已安装的所有字体。将下载的韩语字体文件复制并粘贴到字体文件夹中。随后，您就可以在各种应用程序中使用这些韩语字体了，包括 Microsoft Word、Adobe Photoshop 等。您甚至可以在浏览器中使用这些字体来浏览韩文网站。最后，要确保您使用的应用程序支持Unicode编码，这样才能正确显示韩语字体。添加韩语字体可以使您在电脑上更轻松地进行韩语阅读和写作，这对学习韩语的人来说是非常有帮助的。希望这些步骤对您有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值