如何在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字體？

回答

相關問題