在IIS服务器上部署svg/woff/woff2字体

Posted 2020-08-30 叫我小龙哥

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在IIS服务器上部署svg/woff/woff2字体相关的知识，希望对你有一定的参考价值。

好了，废话不多说了直接，当你看见这篇文章的时候说明你遇到了跟我一样的问题，就是在IIS服务器上运行自己刚刚搭建好的网站不能识别 svg/woff/woff2字体。好了我马上要开始动手了，不信你马上看下面

1.我先把我的准备好的字体给解压出来看（当然这张图我是在网上找的，但是都一样）

2.然后一股脑都上传到服务器上，注意刚刚解压的文件里面已经生成了加载字体的CSS代码，在文件stylesheet.css里，直接拷贝过来把font-family改成我要的“Open Sans”，放到自己网站加载的样式表中即可：

 1 @font-face {
 2     font-family: \'Open Sans\';
 3     src: url(\'font/opensans-webfont.eot\');
 4     src: url(\'font/opensans-webfont.eot?#iefix\') format(\'embedded-opentype\'),
 5         url(\'font/opensans-webfont.woff2\') format(\'woff2\'),
 6         url(\'font/opensans-webfont.woff\') format(\'woff\'),
 7         url(\'font/opensans-webfont.ttf\') format(\'truetype\'),
 8         url(\'font/opensans-webfont.svg#open_sansregular\') format(\'svg\');
 9     font-weight: normal;
10     font-style: normal;
11 }