Я занимаюсь разработкой сайта с помощью 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 устройствами.
Я пытался следить за решениями в Интернете, но безрезультатно.
Как я могу решить эту проблему?
Первое, что приходит на ум, — это вставить следующий код в <head>
блок вашего HTML документа:
<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'>
Кроме того, вы можете скопировать и вставить текст из сам файл в ваш CSS документ.
Других решений пока нет …