Google字体未在WordPress网站中呈现

Question

我正在使用WordPress，并且Google Fonts不在Macbook（Chrome和Firefox）上进行渲染。

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

export const OnFileUpload = functions.storage.object()
  .onFinalize(async event => {

    try {
      const bucket = event.bucket;
      const destBucket = storage.bucket(bucket);
      const metaData = await destBucket.getMetadata();

      console.log('values: ' + metaData.values); // undefined

      const fileName = metadaData.filename // example
      const downloadURL = metadaData.downloadURL // example

      return metaData;

    } catch (error) {
      console.error('Error: ' + error);
      return error;
    }

  });

有问题的网站如下：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