Question

我正在使用WordPress开发网站，而我正在使用Google字体。在functions.php文件中，我输入了这个函数：

function load_fonts() {
    wp_register_style('googleFonts', 'https://fonts.googleapis.com/css?family=Playfair+Display:400italic,700italic|Open+Sans:400,400italic,700,700italic,300,300italic');
    wp_enqueue_style( 'googleFonts');
}

add_action('wp_print_styles', 'load_fonts');

在我写的CSS文件中：

.bbpt h3{
    color:#B3D036;
    font-family: 'Playfair Display', serif;
}

这适用于Chrome，Mozilla，Opera，Explorer，但不适用于Safari和iOS设备。我试图在网上关注解决方案，但没有结果。我怎么解决这个问题？

Answer 1

首先想到的是将以下代码插入HTML文档的<head>块中：

<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Playfair+Display:400italic,700italic|Open+Sans:400,400italic,700,700italic,300,300italic' type='text/css'>

或者，您可以将the file itself中的文字复制并粘贴到CSS文档中。

如何在Safari中显示Google字体？

1 个答案: