zoukankan      html  css  js  c++  java
  • @font-face定义的字体没有生效

    首先保证路径正确,引入ttf字体,没有生效

     

    使用在线工具把ttf转为更多常用的字体格式

    网址:https://www.fontke.com/tool/convfont/

    css里补全格式:

     生效了

    还有另一种原因,就是服务器没有在iis里加字体文件的映射

    解决方法:

    添加MIME类型映射

    直接在IIS面板中的 MIME类型 中添加对应的信息,具体类型信息可参考 W3CSchool MIME 参考手册
    为了保险起见可在配置文件中添加MIME映射的信息:

    <configuration>
        <system.webServer>
            <staticContent>
                <remove fileExtension=".woff"/>
                <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
                <remove fileExtension=".woff2"/>
                <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff2" />
                <remove fileExtension=".ttf" />
                <mimeMap fileExtension=".ttf" mimeType="application/x-font-truetype" />
                <remove fileExtension=".svg" />
                <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
                <remove fileExtension=".otf" />
                <mimeMap fileExtension=".otf" mimeType="application/x-font-opentype" />
                <remove fileExtension=".eot" />
                <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
            </staticContent>
        </system.webServer>
    </configuration>
  • 相关阅读:
    JS——祝愿墙
    JS——模拟百度搜索
    JS——选择水果
    html——快捷键
    JS——百度背景图
    JS——stye属性
    JS——高级各行换色
    html——细线表格
    LeetCode初级算法(数组)解答
    Python网络爬虫(四)
  • 原文地址:https://www.cnblogs.com/chenyingying0/p/12572510.html
Copyright © 2011-2022 走看看