本地@ font-face聲明未在任何瀏覽器中呈現

我仍然有一個問題，其中本地安裝的web字體未由@ font-face聲明加載，但外部web字體（Google）運行正常。本地@ font-face聲明未在任何瀏覽器中呈現

沒有什麼意義的是，我的font-face聲明中使用的語法與Google的WebFont聲明中使用的語法相同，但似乎不起作用。

下一步當然要驗證本地字體文件的路徑是否正確。複製和粘貼在@ font-face聲明中使用的URL會導致字體文件被下載到我的電腦中，但如果路徑必須有效。

我也檢查了字體文件的權限。這些都設置爲0755，我相信這應該足以供任何瀏覽器閱讀。

一些背景信息;這是一臺運行Ubuntu 14.04的web服務器，nginx作爲後端。

CSS

@font-face { 
    font-family: 'BebasNeueRegular'; 
    font-style: normal; 
    font-weight: normal; 
    src: url(http://gprejects.com/forum/styles/BBOOTS/theme/font/bebasneue/BebasNeue-webfont.eot?#iefix) format('embedded-opentype'), url(http://gprejects.com/forum/styles/BBOOTS/theme/font/bebasneue/BebasNeue-webfont.woff) format('woff'), url(http://gprejects.com/forum/styles/BBOOTS/theme/font/bebasneue/BebasNeue-webfont.ttf) format('truetype'), url(http://gprejects.com/forum/styles/BBOOTS/theme/font/bebasneue/BebasNeue-webfont.svg#BebasNeueRegular) format('svg'); 
} 

h1, h2, h3, h4, h6, h1 a, h2 a, h3 a, h4 a, h6 a { 
    color: #333333; 
    font-family: 'BebasNeueRegular','Oswald','Arial','Helvetica',sans-serif; 
    font-weight: 200; 
    line-height: normal; 
    margin: 0 0 10px; 
    -webkit-font-smoothing: antialiased; 
}

注意，奧斯瓦爾德是谷歌的web字體，並作爲後備是否正常工作，並在同一個CSS文件中的@ font-face聲明說一切也如預期運行。

來源

2016-09-24 Minardista

您能鏈接到出現此問題的頁面嗎？有一件事讓我覺得是不匹配的字體重量。 –

http://gprejects.com/forum/ - 奧斯瓦德的任何東西都應該是BebasNeueRegular。 – Minardista

有趣。我發現它出錯了，但我看不出哪裏出了問題。控制檯沒有任何東西;計算出的h1塊的樣式是OK的;等等。如果我將自己的'@ font-face'聲明放在我自己的文件中，即使它是從其他域調用的，它仍然可以正常工作。我不知道;這個問題需要比我更好的人。 –

在Chrome檢查器中，我看不到任何調用正在獲取任何BebasNeue字體文件。您確定BebasNeue的字體系列定義正在加載該頁面嗎？

來源

2016-12-22 21:40:38 Ringo

本地@ font-face聲明未在任何瀏覽器中呈現

回答

相關問題