如何在Safari中显示Google字体？

我正在开发一个使用WordPress的网站，并使用Google字体。在functions.php文件我进入了这个功能：如何在Safari中显示Google字体？

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; 
}

这是工作的罚款与浏览器，Mozilla，歌剧，浏览器，但不能与Safari和iOS设备。我试图按照网络上的解决方案，但没有结果。我该如何解决这个问题？

来源

2016-04-15 B_etta

如果可能，请详细说明您已经遵循的解决方案。 – GingerDeadshot

尝试下载字体并转换为TTF。 Mac将采取这一点。 – 2016-04-15 14:07:47

我想知道是否有一个解决方案，而不必加载其他文件，但只需更改此功能。 –

什么首先想到的是插入下面的代码到你的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文档。

来源

2016-04-15 14:02:27 GingerDeadshot

我避免将其插入到标题中以加快网站的速度。 –

如何在Safari中显示Google字体？

回答

相关问题