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

2020年09月04日 技术资料 1916 views 0

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

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


解决方法

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

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

QQ截图20200904180403.png 解决在宝塔面板IIS服务器上部署svg/woff/woff2字体的问题 第2张



新建如下3条

.svg image/svg+xml

.woff application/x-font-woff

.woff2 application/x-font-woff

QQ截图20200904180414.png 解决在宝塔面板IIS服务器上部署svg/woff/woff2字体的问题 第3张


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

QQ截图20200904180618.png 解决在宝塔面板IIS服务器上部署svg/woff/woff2字体的问题 第4张

完成后点应用。

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


👍好活当赏🧧