WordPress. Wie fügt man Google WEB Font hinzu

Das jeweilige Tutorial zeigt, wie fügt man Google WEB Font in die Vorlage WordPress auf der Basis Cherry Framework hinzu.

WordPress. Wie fügt man Google WEB Font hinzu

1. In den Optionen Cherry (Cherry options) gibt es schon die Fontliste. Wir möchten noch einen Font in diese Liste hinzufügen.

   

2. In der Taskleiste Design -> Editor (Appearance -> Editor) öffnen Sie die Datei options.php und finden Sie den folgenden Code:

   $typography_mixed_fonts = array_merge( options_typography_get_os_fonts() , options_typography_get_google_fonts() );

   Dieser Code befindet sich gewöhnlich unter dem Kommentar // Fonts.

   

3. Öffnen Sie die Fontseite Google Web, wählen Sie den notwendigen Font und fügen Sie ihn in die Sammlung (Collection)hinzu. Drücken Sie den Button (Nutzen) Use.

   

4. Öffnen Sie die Taskleiste @import und Sie werden CSS Font Import-Code sehen. In unserem Fall ist es Domine Font, der zu den serif Fonts gehört.

   

5. In der Datei options.php fügen Sie den folgenden Code ein:

   $typography_mixed_fonts["Domine, serif"] = "Domine *"; 

   bevor:

   asort($typography_mixed_fonts); 

In jeweiligem Code "Domine, serif" ist die Fontfamilie und "Domine *" ist der Font, der in der Fontliste in den Optionen Cherry (Cherry options) erscheinen wird. Speichern Sie die Änderungen. Die bearbeitete Datei muss so aussehen. Schauen Sie das Bildschirmfoto an.



6. Öffnen Sie die Datei themeXXXXX/style.less in jeglichem Texteditor oder Code-Editor. Kopieren Sie den Code @import und fügen Sie ihn am Anfang der Datei style.less ein. Speichern Sie die Änderungen und laden Sie die bearbeitete Datei auf den Server hoch (indem Sie existierende Datei ersetzen).

   

7. Erneuern Sie die Seite. Wir haben Google Web Font hinzugefügt. Jetzt können Sie ihn in der Fontliste in den Optionen Cherry (Cherry options) anschauen.

   

Sie können auch das ausführliche Video-Tutorial nutzen:

WordPress. Wie fügt man Google WEB Font hinzu