我無法在我的wordpress站點上使用@ font-face支持

Question

/* 
@font - face { 
    font - family: 'MVFaseyha'; 
    src: url('http://www.mvyouth.mv/live/wp-content/themes/mvyouth_2013/stylesheets/fonts/MVFaseyha.otf') format('truetype'); 
    font - weight: normal; 
    font - style: normal; 
} */ 

這是我用來嵌入字體的代碼。我使用的是包含unicode字符的Dhivehi語言（馬爾代夫語）字體。我不太瞭解CSS等

Answer 1

我猜測問題是與src路徑。這取決於你的字體文件夾的位置，但它應該可能類似於src: url(../fonts/MVFaseyha.otf')，如果你的@ font-face語句位於也位於樣式表中的css文件中。

Answer 2

FF（也可能是其他瀏覽器）阻止加載來自不同域的字體文件。

詳見這樣的回答：CSS @font-face absolute URL from external domain: fonts not loading in firefox

您可以隨時下載您需要的字體文件和本地加載它們。只需點擊你的font-face調用中的url即可下載。

Answer 3

一個完整的教程，專門關於圖標字體，但基本方法相同：http://gomakethings.com/icon-fonts/