進口字體失敗

這是我的style.css進口字體失敗

@font-face { 
    font-family: 'Lato-Regular'; 
    src: url("../../fonts/Lato-Regular.woff") format("woff"), url("../../fonts/Lato-Regular.woff2") format("woff2"); 
}

HTML文件

<div class="text-center" style="font-family:Lato-Regular;color:#bef4f7;margin-top:-23px;font-size:32px"> 
       Text Example 
      </div>

它失敗了，把我的錯誤

我」米做錯了嗎？

來源

2017-04-25 Adir Zoari

您的網址（）路徑似乎不正確。 – Syden

這是你的文件路徑。它導致名爲「資產」的文件夾。也許文件路徑應該是url（「../ fonts/Lato-Regular.woff」）（一個../更少）（或者多一個 - 只是在這裏猜測，但無論如何，請檢查文件路徑）

來源

2017-04-25 15:33:59 Johannes

我還有另外一個例子，我的團隊中的另一位程序員做了這個確切的地址，我放了同一個文件夾。仍然不起作用 –

檢查並查看您的www/assets/fonts /中是否存在字體文件。

來源

2017-04-25 15:32:47

您的路徑可能不正確，您收到的錯誤屬於該類型。考慮在圖像上顯示完整路徑錯誤以及CSS文件，這可以被100％確認。

另外，我可以建議爲什麼不使用谷歌的CDN，它會給你更大的跨瀏覽器兼容性。

<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> 
 
<div class="text-center" style="font-family:Lato;color:#bef4f7;margin-top:-23px;font-size:32px"> 
 
    Text Example 
 
</div>

來源

2017-04-25 15:33:14 Syden

請使用CDN並通過谷歌

<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">

或如果你想比請貼上適當的文件夾中所有下載的字體就會目空一切工作在本地使用的免費字體。

來源

2017-04-27 12:56:43

進口字體失敗

回答

相關問題