部署网站的字体和服务器IIS有什么关系?如果你的职责只限于一名前端开发,那么你可能很“幸福”地与这些问题擦肩而过,浑然不觉。可是本人一直都是孤军奋战,连开发环境都要自己搭建,这次又踩了新的坑,发现网站所用的woff、svg等字体压根就没被页面加载。反复排摸都不得其解,用浏览器访问服务器上的这些字体url,全都报404错误,只有ttf的字体能被访问到…

  解决方法:

  IIS不认SVG,WOFF/WOFF2这几个文件类型,得给她们加MIME类才行:

  远程登录主机,打开IIS,找到网站,右键属性,打开“HTTP头”,找到右下角的“MIME类型…

新建如下3条

.svg image/svg+xml

.woff application/x-font-woff

.woff2 application/x-font-woff

  如果你是宝塔面板,那么更简单。

  完成后点应用。

  回到浏览器再刷新页面,字体终于完美加载了。

解决在宝塔面板IIS服务器上部署svg/woff/woff2字体的问题相关推荐

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

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

  2. IIS——服务器上部署网站及遇到的问题图解(二)

     上篇博文写了关于IIS安装及在本地使用IIS部署网站的方法,此篇博文记录一下在服务器上用IIS部署网站的方法. 一.背景 很荣幸接手了成绩系统项目并当了组长,也正直搬家时期,同时也换了新的服务器 ...

  3. 在IIS服务器上部署SSL证书(基于阿里云平台)

    阿里云部署步骤: 步骤一: 下载文件 1.登录SSL证书控制台. 2.在左侧导航栏,单击SSL证书. 3.定位到已签发的SSL证书,单击操作列下的下载. 4.在证书下载面板,单击IIS服务器类型后的下 ...

  4. web服务器 字体.svg/.woff/.woff2 404错误 解决方案

    先来看看问题 按理说不应该报404啊,因为我这个路径下面的的确确有这个文件 相信不少开发者都遇到过字体引用的问题,明明路径啥的都没问题,但就是浏览器输出错误信息.引起类似以上问题的原因是由于Web服务 ...

  5. wex5 java服务器_wex5教程 宝塔面板+lnmp+wex5项目部署

    一 前言 wex5作为前端利器,开发好的项目如何正确.快速.高效.稳定.安全的部署到服务器上,作为初学开发人员,有必要选择一种操作简单,便于运维的方案.今天我以教学视频网站为例,选择宝塔服务器面板,一 ...

  6. 宝塔面板Java项目一键部署项目404问题

    以下为总结我使用宝塔面板Java项目一键部署功能时遇到坑以及解决方案: 具体故障为:The requested resource [/demo] is not available 主要是TomCat服 ...

  7. wex5教程 宝塔面板+lnmp+wex5项目部署

    一 前言 wex5作为前端利器,开发好的项目如何正确.快速.高效.稳定.安全的部署到服务器上,作为初学开发人员,有必要选择一种操作简单,便于运维的方案.今天我以教学视频网站为例,选择宝塔服务器面板,一 ...

  8. 在IIS服务器上安装SSL证书

    在IIS服务器上安装SSL证书 本页目录 前提条件 操作步骤 相关文档 阿里云SSL证书服务支持下载SSL证书安装到IIS服务器上,从而使IIS服务器支持HTTPS安全访问.本文介绍了证书安装的具体操 ...

  9. 【Linux】宝塔面板 SSL 证书安装部署

    宝塔面板 SSL 证书安装部署 前言 证书下载 宝塔配置SSL 注意事项 前言 前期有讲过Tomcat和Nginx分别部署SSL证书,但也有好多小伙伴们私信我说,帮忙出一期宝塔面板部署SSL证书的教程 ...

  10. 在阿里云IIS服务器上安装证书

    在IIS服务器上安装证书 您可将下载的阿里云SSL证书安装到IIS服务器上,使您的IIS服务器支持HTTPS安全访问. 一.前提条件 申请证书时需要选择 系统自动创建CSR. 申请证书时如果选择手动创 ...

最新文章

  1. python变量存为matlab,详解如何在python中读写和存储matlab的数据文件(*.mat)
  2. rust(49)-图像(2)
  3. Windows完成端口的理解
  4. liferay 调用ajax
  5. 关于链表的面试题(持续更新)
  6. Adadelta原文解读
  7. javascript this指针指向?
  8. 年轻人不讲武德不仅白piao接口测试知识还白piao接口测试工具会员
  9. MFC用PostMessage传递消息
  10. python串口数据分包_python TCP Socket的粘包和分包的处理详解
  11. 解决build.gradle文件报错No candidates found for method call xxxxxxx
  12. Cisco2960交换机端口安全Port-Security
  13. 两阶段随机规划模型简介
  14. Kubernetes切换Docker容器引擎为Containerd
  15. NLP数据增强;中文数据增强包;一键中文数据增强
  16. 软件需求说明及对应的测试用例,测试用例与需求的对应关系 - Mr.南柯 - 51Testing软件测试网 51Testing软件测试网-软件测试人的精神家园...
  17. 教育行业下半场强势到来!专访FCG教育链Edward Cai:从互联网教学到“链教学”,让天下没有不公平的教育...
  18. python控制画笔尺寸_Python turtle库的画笔控制说明
  19. mysql投影和选择区别_关系运算里面,“选择”和“投影”区分?
  20. 【号外】软银为何忍痛割爱卖阿里股份?

热门文章

  1. 安卓-LBS地图显示
  2. FreeMarker常见指令的简单介绍—快速入门(二)
  3. 《白话大数据和机器学习》学习笔记1
  4. 计算机如何切换显卡,Win7系统双显卡怎么切换独立显卡?电脑双显卡切换方法...
  5. 网络安全知识竞赛选择题(91-120题)
  6. 电商物流就是昨天的外卖乱战?千亿市场到底该如何整合
  7. 摄像头视场角-对角线视场角-水平视场角
  8. 谷歌眼镜公开接受预订,全新宣传视频帅爆了_-Chaz-_新浪博客
  9. 免费听歌下载歌曲的几个网站
  10. MyBatis注册映射文件(resource、class、package 三者区别)