簡體   English   中英

我無法使用@font face for Internet Explorer 11

[英]I Cant get @font face to work for internet explorer 11

我一直在嘗試使用一種自定義字體,它似乎可以在所有程序上運行,但不能在Internet Explorer 11上運行。

@font-face {
font-family: 'comfortaa';
src: url('Comfortaa.eot'); /* IE9 Compat Modes */
src: url('Comfortaa.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/Comfortaa_Regular.ttf.woff') format('woff'), /* Modern Browsers */
     url('../fonts/Comfortaa_Regular.ttf')  format('truetype'), /* Safari, Android, 
   iOS    */
     url('../fonts/Comfortaa_Regular.svg') format('svg'); /* Legacy iOS */


}

@font-face {
font-family: 'comfortaabold';
src: url('Comfortaa-Bold.eot'); /* IE9 Compat Modes */
src: url('Comfortaa-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/Comfortaa-Bold.ttf.woff') format('woff'), /* Modern Browsers */
     url('../fonts/Comfortaa-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../fonts/Comfortaa-Bold.svg') format('svg'); /* Legacy iOS */


}

如果您不熟悉編碼,也許最簡單的解決方案是通過將字體放在<head>標記的開頭來嵌入字體,如下所示:

<link href='http://fonts.googleapis.com/css?family=Comfortaa:700' rel='stylesheet' type='text/css'>

提出並回答了一些類似的問題,可以幫助您進行故障排除:

在發布問題之前進行搜索是明智的。

如果您想在Mac上的資源管理器中測試您的網站,甚至還有疑問和解答。 如果您有幾個GB可用,則該選項應該可以正常工作 如果沒有,您可以查看適用於Windows,Mac OSX,iOS或Android設備的新Azure RemoteApp。

對於IE 11來說效果很好

    @font-face
    {
        font-family: "MyFont_Lite";
        src: url("../Fonts/myfont.ttf") format("truetype");
        src: url("../Fonts/myfont.woff") format("woff");
    }

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM