Eigene Schriftarten im WordPress-Avada-Theme verwenden

Ich liebe WordPress und ich liebe das Avada-Theme. Avada bietet mir unzählige Optionen, um in all meinen Projekten eine schöne Website zu bauen. Aber eine Sache mag ich nicht: die Anpassung der Schriftarten! In diesem Beitrag zeige ich dir, wie du die Schriftart theme-weit ersetzen kannst.

Ja, Avada erlaubt es dir, eine eigene Schriftart hochzuladen (eof, ttf, woff, svg), aber es verwendet diese Schriften nur an einigen Stellen. Zum Beispiel lässt sich die Body-Schriftart nicht ersetzen, ebenso wenig wie in einigen anderen Bereichen. Nach einigem Experimentieren habe ich dieses Vorgehen entwickelt, um alle Schriften durch meine eigene Schriftart zu ersetzen. Hier sind die Schritte:

Schritt 1: Aktiviere das Avada-Child-Theme (natürlich solltest du zuerst deine Einstellungen sichern (Avada > Theme Options > Backup)).

Schritt 2: Lade deine Schriftdateien in den Child-Theme-Ordner hoch. In meinem Fall habe ich einen Ordner namens „fonts“ erstellt und alle Schriftdateien hineinkopiert (wp-content > themes > Avada-Child-Theme > fonts).

Schritt 3: Gehe auf deinen Webserver (z. B. per FTP) und bearbeite die Datei style.css im Avada-Child-Theme-Ordner (wp-content > themes > Avada-Child-Theme). Füge den folgenden CSS-Code hinzu:

@font-face {
 font-family: 'Arial';
 src: url('fonts/helvetica.eot');
 src: url('fonts/helvetica.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('fonts/helvetica.woff') format('woff'), /* Moderne Browser */
 url('fonts/helvetica.ttf') format('truetype'), /* Safari, Android, iOS */
 url('fonts/helvetica.svg#svgFontName') format('svg'); /* Ältere iOS-Geräte */
}

Hinweis: Natürlich musst du den Inhalt anpassen, also den richtigen Pfad und die richtigen Dateinamen. Aber ersetze nicht das Wort „Arial“, denn das ist der Trick.

Schritt 4: Öffne erneut die Theme-Optionen (Avada > Theme Options > Typography > Standard Fonts). Wähle hier Arial als deine Standardschriftart für alles.

Und fertig! Du hast alles ersetzt.