正在加载....
厦门网站建设-世敏网络科技
  • 当前位置: 首页 > 建站百科 > 常见问题
  • IIS7环境下实现svg/woff/woff2字体正常显示

    时间:2019-01-03 浏览量:

    现在字体图标已经渐渐代替了图片了,移动端用起来也很方便。

    使用了字体文件来显示矢量的图标,为了能在IIS上正常显示图标,可以通过增加iis的MIME-TYPE来支持图标字体文件

    下面就把IIS增加svg、eot 、woff、otf 、ttf 等字体格式文件的MIME。

    增加以下两种文件类型即可:

    .svg image/svg+xml
    .woff application/font-woff

    .woff2 application/font-woff

    我把其它几种也写在下面,供以后学习:

    .eot application/vnd.ms-fontobject
    .otf application/octet-stream
    .ttf application/octet-stream


    打开web.config,这是一个XML文件,里面已经带一条svg文件的MIME类型信息,和之前在IIS里面配置的内容很像:
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml"/>
    之前IIS里面对于几个字体文件的MIME类型设置如下:

    IIS7环境下实现svg/woff/woff2字体正常显示(图1)

      依样画葫芦的在web.config里面追加这两条:
    <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
    <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" />
    整个文件里面关于MIME类型的标签结构应该是这样的:


    <?xml version="1.0" encoding="UTF-8"?>
    <configuration>
        <system.webServer>
            <staticContent>
                  <mimeMap fileExtension=".svg" mimeType="image/svg+xml"/>
                  <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
                  <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" />
            </staticContent>
            <handlers>
                <remove name="PHP-5.6-7i24.com" />
                <remove name="PHP-5.5-7i24.com" />
                <remove name="PHP-5.4-7i24.com" />
                <remove name="PHP-5.3-7i24.com" />
                <remove name="PHP-5.2-7i24.com" />
                <add name="PHP-5.5-7i24.com" path="*.php" verb="*" modules="FastCgiModule" scriptProcessor="c:\php\5.5\php-cgi.exe" resourceType="Either" />
            </handlers>
            
            <rewrite>
     <rules>
     
    <rule name="OrgPage" stopProcessing="true">
    <match url="^(.*)$" />
    <conditions logicalGrouping="MatchAll">
    <add input="{HTTP_HOST}" pattern="^(.*)$" />
    <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
    <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
    </conditions>
    <action type="Rewrite" url="index.php/{R:1}" />
    </rule>
    </rules>
    </rewrite>
    </system.webServer>
    </configuration>

    加载中~

    您已成功复制微信号,去微信立即添加好友!

    点击下方复制按钮,复制微信号!

    jzm866081

    https://www.xmsmwl.cn
    厦门世敏网络科技有限公司

    点击这里给我发消息
    嘿!有什么能帮到您的吗?