WordPress的自定义字体不工作

我想弄清楚为什么我的自定义字体不加载WordPress（MAMP，Mac，本地主机）。WordPress的自定义字体不工作

的字体存储在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会显示我：

，如果我有它仅适用安装在我的操作系统上的字体。

来源

2016-08-06 migu

尝试在CSS的第3和第4行上更改font-url至url。看起来它只是不能识别您要加载的自定义字体的来源。

来源

2016-08-06 22:41:03

下载ttf字体，其中一个可用于商业用途，请访问https://1001fonts.com/free-fonts-for-commercial-use.html?page=1&items=10将副本粘贴到您的主题中，并使用@ font-face，就像以上所做的一样。一切都应该工作得很好。当我在本地服务器上开发时，一切正常。发布到public_html时，字体拒绝加载。不得不改变为ttf，你也可以尝试其他网页字体格式，但ttf工作得很好。更好的是你可以使用谷歌字体。

来源

2017-10-20 01:16:09

你必须该字体中的functions.php 链接像这样 wp_enqueue_style（ '自定义'，get_template_directory_uri（） 'https://fonts.googleapis.com/css?family=Roboto'）;

来源

2017-10-20 02:12:22

WordPress的自定义字体不工作

回答

相关问题