WordPress的自定義字體不工作

Question

我想弄清楚爲什麼我的自定義字體不加載WordPress（MAMP，Mac，本地主機）。

的字體存儲在wp-content/themes/twentysixteen/fonts/

然後在wp-content/themes/twentysixteen/style.css我有以下CSS：

@font-face { 
    font-family: "Averta-Regular"; 
    src: font-url("./fonts/31907B_A_0.eot"); 
    src: font-url("./fonts/31907B_A_0.eot?#iefix") format('embedded-opentype'), font-url("./fonts/31907B_A_0.woff2") format('woff2'), font-url("./fonts/31907B_A_0.woff") format('woff'), font-url("./fonts/31907B_A_0.ttf") format('truetype'); 
} 

html { 
    font-family: "Averta-Regular", "Helvetica Neue", sans-serif; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
} 

body { 
    margin: 0; 
    font-family: "Averta-Regular", "Helvetica Neue", sans-serif; 
} 

Chrome會顯示我：

，如果我有它僅適用安裝在我的操作系統上的字體。

Answer 1

嘗試在CSS的第3和第4行上更改font-url至url。看起來它只是不能識別您要加載的自定義字體的來源。

Answer 2

下載ttf字體，其中一個可用於商業用途，請訪問https://1001fonts.com/free-fonts-for-commercial-use.html?page=1&items=10將副本粘貼到您的主題中，並使用@ font-face，就像以上所做的一樣。一切都應該工作得很好。當我在本地服務器上開發時，一切正常。發佈到public_html時，字體拒絕加載。不得不改變爲ttf，你也可以嘗試其他網頁字體格式，但ttf工作得很好。更好的是你可以使用谷歌字體。

Answer 3

你必須該字體中的functions.php 鏈接像這樣 wp_enqueue_style（ '自定義'，get_template_directory_uri（） 'https://fonts.googleapis.com/css?family=Roboto'）;