首页 > 其他分享 >解决在宝塔面板IIS服务器上部署svg/woff/woff2字体的问题

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

时间:2022-10-28 14:14:37浏览次数:54  
标签:IIS svg woff 字体 服务器 woff2

  部署网站的字体和服务器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
From: https://www.cnblogs.com/ytweb/p/16835856.html

相关文章

  • IIS7无法访问.apk文件的解决方法
    随着智能手机的普及,越来越多的人使用手机上网,很多网站也应手机上网的需要推出了网站客户端,.apk文件就是安卓(Android)的应用程序后缀名,默认情况下,使用IIS作为Web服务器......
  • Vue项目部署到IIS后,刷新报错404
    这里需要用到URL重写工具--URLRewrite(默认没有,需要自己下载安装)如果IIS上默认有安装Web平台安装程序,我们可以使用平台自动安装URLRewrite重写工具,打开IIS在管理器......
  • woff2转base64(字体图标)
    可以参考这个Github项目:https://github.com/nfroidure/ttf2woff2应该是在google官方woff2项目外面包了一层。使用示意如下:varfs=require('fs');varttf2woff2=req......
  • 前端绘图方式Canvas和SVG的区别
    前端绘图方式Canvas和SVG的区别Canvas和SVG是html5中支持2种可视化技术,都是可以在画布上绘制图形和放入图片。下面来介绍和分析一下他们。一.Canvas和SVG简介1.什么是......
  • IIS服务器新增web服务端口的设置
    一、云服务器端的防火墙设置80端口,默认设置,无法修改。如下 服务器防火墙第2网站的端口设置如下:   2、腾讯防火墙规则设置 ......
  • IIS 之 添加绑定域名 或 设置输入IP直接访问网站
     注意:若想输入IP地址直接访问,则可以有以下两种设置任一均可:[1]添加一个“网站绑定”:IP地址为全部未分配,主机名为空; [2]添加一个“网站绑定”:IP地址为服务......
  • 小程序使用svga
     svga是一种动画格式。不仅可以在ios,android,flutter,web上使用,小程序也支持。设计师使用aftereffects或是animate进行动画设计。设计师导出工具给我们svga动......
  • Windows Server 2019 安装IIS服务
    原文链接:https://www.ahaoyw.com/article/500.html安装步骤1、点击左下角打开开始菜单找到服务器管理器菜单打开服务器管理器  2、在弹出的服务器管理器界......
  • [FAQ] 如何从 svg 字符串创建 SVGElement
     HTML部分:<divstyle="display:none"id="svgCon"></div>JS部分:constsvgCon=document.getElementById('svgCon')svgCon.innerHTML='<svg>xxxxx';consts......
  • Canvas和svg的一些区别
    区别:1.Canvas使用笔刷来绘制2D图形,而svg主要是用标签来绘制不规则矢量图的2.Canvas画的是位图(放大会模糊),svg话的是矢量图(放大不会失真)3.Canvas性能好一些,但写起来更为复......