css - Google 字体未在 WordPress 网站中呈现

Question

我在 WordPress 中工作，除了在我的 Macbook(Chrome 和 Firefox)上，Google 字体无法呈现。

我正在为 Archivo Narrow 使用 @import 方法。示例代码如下:

@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i,700');

h1 {font-family: 'Archivo Narrow', sans-serif; font-size:48px; color:#012233; font-weight:bold;}

有问题的网站如下:eptestdev.us/northpage

Answer 1

通过主题的 functions.php 添加字体

function wpb_add_google_fonts() {
   wp_enqueue_style( 'wpb-google-fonts', 'https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i,700', false ); 
}

add_action( 'wp_enqueue_scripts', 'wpb_add_google_fonts' );

wpbeginner.com how-add-google-web-fonts-wordpress-themes