@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>