Not Found woff 字体库

摘要:
原因是,默认在IIS上是没有添加对*.woff,*.svg文件的Mime类型,因此在客户端请求此类文件时得到的都是404。

原因是,默认在IIS上是没有添加对*.woff,*.svg文件的Mime类型,因此在客户端请求此类文件时得到的都是404。

所以我们只需要在我们对应网站下的Mime类型中添加文件对应的类型就行了

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

另外在mvc中,设置了上述Mime类型后get请求字体时任然会出现404的问题,这个时候需要在我们的web工程中的config的system.webServer节点中添加如下的代码来支持

<staticContent>
<removefileExtension=".woff"/>
<mimeMapfileExtension=".woff"mimeType="application/x-font-woff"/>
<removefileExtension=".woff2"/>
<mimeMapfileExtension=".woff2"mimeType="application/x-font-woff2"/>
<removefileExtension=".ttf"/>
<mimeMapfileExtension=".ttf"mimeType="application/x-font-truetype"/>
<removefileExtension=".svg"/>
<mimeMapfileExtension=".svg"mimeType="image/svg+xml"/>
<removefileExtension=".otf"/>
<mimeMapfileExtension=".otf"mimeType="application/x-font-opentype"/>
<removefileExtension=".eot"/>
<mimeMapfileExtension=".eot"mimeType="application/vnd.ms-fontobject"/>
</staticContent>

免责声明:文章转载自《Not Found woff 字体库》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇CentOS 8 中安装 Docker 出现和 Podman 冲突的问题vue_登录注册(前台验证)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

巧用 BootStrap -- 栅格系统(布局)轻松搞定网页响应式布局!

  摘要:Bootstrap 为我们提供了一套响应式、移动设备优先的流式栅格系统,合理的使用栅格系统将会使得网站页面布局变得更加简单,在设置了媒体查询之后,响应式网站也无需再单独写了。接下来我以Bootstrap的中文官网首页为模板进行展示其栅格布局的使用方法以及相关知识点。相信在看完这篇文章之后,你完全可以轻松使用栅格布局。 网站效果图如下所示: P...

vue 移动端车牌键盘

1.npm install input-plate-number --save 样式可以,键盘相对严谨,但是输入有bug, 2.npm installvue-carplate --save 插件样式个人看来是最好看的,键盘的输入最严谨,但是没有新能源车牌的选项, 3.https://github.com/Pinenutss/LicensePlate 插件是...

CSS样式大全

字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位:PX、PD、EM 粗细...

字体图标的用法总结

1:图标有哪些格式,什么是字体图标? 传统图标采用图片格式,有bmp,jpg,gif,png等文件格式;字体图标采用 svg 矢量图片格式 图标全部采用字体格式 可以使用color,font-size...,改变图标的颜色,大小等样式 2:字体图标实现方式分为哪几类? font+html 实现字体图标(又称:Unicode引用) font+css 实...

OCR库Tesseract初探

1.Tesseract 安装及使用 一款由HP实验室开发由Google维护的开源OCR(Optical Character Recognition , 光学字符识别)引擎,与Microsoft Office Document Imaging(MODI)相比,我们可以不断的训练的库,使图像转换文本的能力不断增强;如果团队深度需要,还可以以它为模板,开发出符合...

rem怎么计算

px:相对长度单位。像素px是相对于显示器屏幕分辨率而言的 em:相对单位,继承父节点(层层继承,传递)基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。 rem:相对单位,相对长度单位。r’是“root”的缩写,相对于根元素<html>的字体大小, 可理解为”...