关于woff字体文件无法显示

最新推荐文章于 2022-04-25 02:54:26 发布
最新推荐文章于 2022-04-25 02:54:26 发布
阅读量755 收藏
点赞数
文章标签： IIS Woff Ueditor UEditor公式插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Leesanghyeok/article/details/102588323
版权

开发的网站编辑文字等用的是Ueditor编辑器，该编辑器本身没有编辑公式的功能。后来为了方便上传题目，加入了Ueditor公式插件，插件详情可见：http://ueditor.baidu.com/website/kityformula.html

在本地测试后一切正常，但是部署服务器后出现了404错误，显示字体文件.woff无法找到，但是文件是存在的

解决方法：

打开IIS管理器，选择MIME类型

手动添加.woff字体文件

这样就可以显示公式插件了，

Leesanghyeok
关注
Web Fonts (二) OTF/TTF 转 WOFF
Haven200的专栏
11-01 3622
将 OTF/TTF 字体在线转换为 WOFF 时，好多网站都限制了上传字体的体积 (<10MB)，而中文字体体积本来就大，所以使用在线字体格式转换时，经常无法转换。遂想着将字体在本地进行格式转换。
猫眼电影爬取(woff 字体文件解析)
梦想还是要有的
12-12 4279
猫眼电影网站,中电影评分在网页显示正常但是检查网页源码会发现,评分所在位置是一串迷之字符串根本认不出,原因是使用了自定义字体代码 &lt;span class="stonefont"&gt;.&lt;/span&gt; 使用了自定义的stonefont字体，我们在网页中查找stonefont，很快有了发现，这就是标准的@font-face定义方法。因此我们访问其中woff文件的地址...
.woff字体上传后无效的解决方案，同时包含:@font-face 未能完成opentype嵌入权限检查。权限必须是可安装的解决方案
易寒的专栏
01-20 1万+
随着移动网络的兴起，移动版网站图标大行其道。图片标由于体积大，对速度不够友好。所以现在较普遍的做法是做字体代替，当时前提是浏览器要支持CSS3。 字体图标较著名的是fontawesome-webfont.woff。 由于WOFF微软的IIS并不支持，所以当我们把使用此字体的网站发布到IIS上以后，会发现图标不见了。经过网络跟踪可以看到404错误。 这是因为.woff在IIS没有类型映
关于H5下，（非脚手架情况下）使用element的字体不显示问题
qq_23674575的博客
04-22 297
由于是直接引入element的js和css，所以其实是没有带字体的文件的！ 那么，我们可以在官网推荐的UNPKG里面找到他们并下载。 这是具体找到它的路径。 element-ui/packages/theme-chalk/src/fonts 然后根据你的element的css中，给出的位置，添加好目录放进去就ok了。 src: url(fonts/element-icons.woff) forma...
网页字体文件安装及使用
weixin_44908612的博客
04-25 1720
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import
页面上.woff加载不出来解决办法
xiao_xiao_d的博客
07-03 3108
&lt;servlet-mapping&gt;        &lt;servlet-name&gt;default&lt;/servlet-name&gt;        &lt;url-pattern&gt;*.woff&lt;/url-pattern&gt;&lt;/servlet-mapping&gt;
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
09-01
标题所述的问题是关于网站在发布到IIS服务器后，Bootstrap框架引用的WOFF字体无法正常显示。这种情况通常是由服务器缺少对WOFF字体的MIME类型支持导致的。WOFF（Web Open Font Format）是一种用于网页的开放字体格式...
本地Bootstrap文件字体图标引入却无法显示问题的解决方法
08-31
然而，有时在本地环境中引入Bootstrap文件时，可能会遇到字体图标无法显示的问题。本文将深入探讨这个问题的原因及解决方法。 首先，我们要明白Bootstrap的字体图标是如何工作的。Bootstrap的图标实际上是通过一种...
gulp-base64-webfont-css:Gulp 插件从 woff 和 woff2 文件生成带有 Base64 编码字体数据的 css 文件
06-21
此外，为了确保兼容性，生成的CSS文件应同时包含未编码的@font-face规则，以便在不支持Base64内联的浏览器中也能正常显示字体。`gulp-base64-webfont-css`插件默认情况下会自动处理这个问题。 总的来说，`gulp-base...
网站上面无法显示woff、svg格式字体
扯文艺的猿的博客
06-28 1147
网站上面无法显示woff格式字体，需要在服务器上进行配置（服务器为windows server2003/2008） 目前很多的开源前端框架、组件、样式库等使用字体样式，但默认情况下IIS不能识别相应的字体文件，需要做相应设置，否则访问页面时会找不到这个文件。 解决方法如下： 1、IIS中根路径中打开“MIME 类型” 2、添加界面中分别添加以下内容： 一般服务器上没有的字体 .svg ...
页面上.woff加载不出来解决办法 （layiu 小图标变方格）
m0_46539391的博客
01-18 453
在web.xml文件中加入以下代码 <servlet-mapping> <servlet-name>default</servlet-name> <url-pattern>*.woff</url-pattern> </servlet-mapping>
css woff服务器不能显示,CSS3@font-face 使用与特别注意事项 -font-face服务器上不显示...
weixin_30016593的博客
08-09 680
font-face 如何使用？用法很简单, 在style中定义如下样式。@font-face{font-family: 'reoo';src: url('../font/HelveticaNeue.woff') format('woff'),url('../font/Helveticaneue.woff2') format('woff2'),url('../font/Helveticaneue-w...
woff格式字体怎么打开和编辑？
热门推荐
小酷陪你玩安卓
01-07 3万+
如题！   woff百度百科:http://baike.baidu.com/link?url=toS7yqpN9VlEcO2GOEp5JEA9-TeaZgIdVqTOv7iHshsNvk-V8HtxEY0ku08TzUoDaEfRhGy_atYdr88bCHpwkK   Web开放字体格式   woff是字体文件，做网页时放到服务端，如果客户端浏览器中可以加载这个。   那么，wo
woff字体反爬实战，10分钟就能学会(ttf字体同理)
nioii-七仔
08-26 2万+
声明：本帖子仅是用于学习用途，请勿与用于而已破坏别人网站，本人不承担法律责任。 来继续学爬虫呀！ 前言 简单描述一下这种手段，html源码的数字跟页面展示的数字是不一致的！当时就一脸黑人问号，嗯？？？ 经过分析，当前这种字体反爬机制是：通过获取指定链接的woff字体文件，然后根据html源码的数字 去woff字体文件里面查找真正的数字，讲到底就是一个映射关系/查找字典。如html源码是123，去w...
扩展ueditor中公式插件kityformula的字符集
要输就输给追求吧！
01-08 2344
例如，我想在公式中使用&quot;▱&quot;符号，但是现有公式插件不支持输入，所以需要扩展，扩展步骤如下 在网上找到&quot;▱&quot;符号，并起一个名字，例如叫parallelogram 打开kity-formula-render.all.js文件，找到 如下代码/*! * 字体主文件 */ _p[29] = { value: function() { return {....} 在map中加入parallel...
vue 打包后，后缀名为.woff等字体问题不能用解决办法
weixin_30599769的博客
12-12 1377
1、打开 build /webpack.prod.conf.js ，找到 module: { 　　rules: utils.styleLoaders({ 　　　　sourceMap: config.build.productionSourceMap, 　　　　extract: true, 　　　　usePostCSS: true 　　}) ...
解决加载有.woff页面时，报404错误，找不到.woff文件
flym_的博客
05-01 2529
使用 vue build 之后做网站请求，发现 woff 字体无法获取 打包之后，本地打开，显示资源加载失败 真实路径应该是 http://keliupc.mncats365.com/static/fonts/ionicons.05acfdb.woff 浏览器实际加载路径为： http://keliupc.mncats365.comdist/static/css/static/fonts/ion...
WinServer-IIS-woff字体不显示问题
最新发布
05-30
这个问题通常是由于IIS无法正确处理woff字体文件所导致的。您可以尝试以下方法来解决该问题： 1. 确保您的服务器上已安装了woff字体文件的MIME类型。在IIS管理器中，选择服务器 -> MIME类型，确保.woff文件类型已被添加并设置为application/x-woff。 2. 检查您的网站的Web.config文件中是否设置了正确的MIME类型。您可以在Web.config文件中添加以下代码： ``` <system.webServer> <staticContent> <mimeMap fileExtension=".woff" mimeType="application/x-woff" /> </staticContent> </system.webServer> ``` 3. 检查您的网站是否正确地引用了woff字体文件。您可以通过检查浏览器控制台中的网络选项卡来确定是否成功加载了字体文件。如果加载失败，您可能需要更改字体文件的路径或名称。 希望这些方法能够帮助您解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值