2016-04-15 12 views
0

Ich entwickle eine Website mit WordPress und ich benutze Google font. In der functions.php Datei trat ich diese Funktion:Wie zeigt man Google Font in Safari an?

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'); 

in der CSS-Datei, die ich schrieb:

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

Dies funktioniert gut mit Chrome, Mozilla, Opera, Explorer, aber nicht mit Safari und iOS-Geräte. Ich habe versucht, die Lösungen im Web zu verfolgen, aber ohne Ergebnis. Wie kann ich dieses Problem lösen?

+0

Spezifizieren Sie die Lösungen, die Sie bereits befolgt haben, wenn möglich. – GingerDeadshot

+0

Versuchen Sie, die Schriftart herunterzuladen und in TTF zu konvertieren. Mac wird das nehmen. –

+0

Ich würde gerne herausfinden, ob es eine Lösung gibt, ohne andere Dateien laden zu müssen, sondern einfach diese Funktion zu ändern. –

Antwort

0

Was zuerst in den Sinn kommt, ist der folgende Code in den <head> Block Ihres HTML-doc einzufügen:

<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'> 

Alternativ können Sie den Text aus the file itself in Ihrem CSS doc kopieren und einfügen.

+0

Ich vermied es, es in die Kopfzeile einzufügen, um die Site zu beschleunigen. –

Verwandte Themen