CSS 3中的4種自定義字體不加載

-2

我似乎無法在Firefox 54.0和Chromium 59.0.3071.86中加載自定義字體。查看Firefox元素檢測工具中的Network選項卡，我看不到字體被加載/下載，與Chromium相同。CSS 3中的4種自定義字體不加載

下面是相關的CSS：https://hastebin.com/raw/quyivirosa
而這裏的HTML：https://hastebin.com/iciwavoyus.xml

我檢查，和網址的字體是正確的，所以我不知道爲什麼會拒絕工作。工作是導航欄中的字體，但我猜測一個是在本地加載的，因爲它安裝在我的系統上。

有什麼我做錯了嗎？我四處搜尋，找不到解決我的問題的方法。

來源

2017-06-17 andoru

檢查您的服務器是否有404錯誤。確保Web服務器不拒絕woff，woff2和eot文件。我發現我的服務器（IIS），直到我改變了網頁配置文件。 – Bindrid

您需要在此處發佈相關標記以顯示問題。不是你的網站明天會改變或消失，以幫助未來的人：https://stackoverflow.com/help/mcve – Rob

@Bindrid：好的。看着日誌，沒有與字體文件相關的任何錯誤條目，也沒有今天的條目。另外，我嘗試手動下載文件，並且它也能正常工作。 – andoru

我在你的css中發現了兩個錯誤，只要我修復它們，字體就開始工作。

我改變

@font-face { 
     font-family: 'DejaVu Condensed'; !important 
     src: url('/fonts/DejaVuSansCondensed.eot'); 
     src: url('/fonts/DejaVuSansCondensed.eot?#iefix') format('embedded- opentype'), 
      url('/fonts/DejaVuSansCondensed.woff2') format('woff2'), 
      url('/fonts/DejaVuSansCondensed.woff') format('woff'),; 
     font-weight: normal; 
     font-style: normal; 
    }

到

@font-face { 
     font-family: 'DejaVu Condensed' !important; 
     src: url('/fonts/DejaVuSansCondensed-Bold.eot'); 
     src: url('/fonts/DejaVuSansCondensed-Bold.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/DejaVuSansCondensed-Bold.woff2') format('woff2'), 
       url('/fonts/DejaVuSansCondensed-Bold.woff') format('woff'); 
     font-weight: bold; 
     font-style: normal; 
    }

在第二行，！重要的應該是分號內。在第六行，我刪除了分號前的昏迷。一旦修復，字體表面被踢入

來源

2017-06-18 00:11:07 Bindrid

謝謝！我應該更仔細地研究語法。我也做了更正，不幸的是字體仍然沒有加載......我也試圖刪除！重要的規則，這似乎改變了一下字體，但仍然看起來不正確，也沒有瀏覽器是否加載字體... – andoru

我看到重複的名稱。 'UnDinaru'正用於'UnDinaru'和'UnDinaruBold' – Bindrid

這個字體在公衆中，所以我可以看到它們是什麼樣子？ – Bindrid

CSS 3中的4種自定義字體不加載

回答

相關問題