zoukankan      html  css  js  c++  java
  • 在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 }

    3.本以为大功告成了,刷新网站,字体还是不对。检查发现在url没错的前提下,字体文件都报404错误。

    4。聪明机智的大家肯定晓得为什么不行(就是因为,IIS服务器不认识你写的是什么鬼玩意)

    5.于是再百度谷歌一堆方案,发现原来是IIS不认SVG,WOFF/WOFF2这几个文件类型,得给她们加MIME类才行:
    远程登录主机,打开IIS,找到网站,右键属性,打开“HTTP头”,找到右下角的“MIME类型…”

    新建如下3条:
    .svg          image/svg+xml
    .woff         application/x-font-woff
    .woff2       application/x-font-woff

    下面增加其他3种格式

    .f4v         application/octet-stream

    .flv          application/octet-stream

    .mp4       video/mp4

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

  • 相关阅读:
    Powerdesigner中如何生成测试数据
    iBatis #和$的区别 把int作为参数时,转换为字符型
    config或者xml中的embedded使用方法。
    C#中发送邮件
    ASP.NET中JSON的序列化和反序列化
    AspNetPager.dll 实现分页
    oracle创建表空间
    如何进行数据库,比如ORACLE,SQL SERVER的逆向工程,将数据库导入到PD中
    DataTable转换成JSON字符串的函数
    iBatis把一个表的sqlmap配置的多个xml中。
  • 原文地址:https://www.cnblogs.com/andyhxl/p/6391089.html
Copyright © 2011-2022 走看看