- Web Templates
- E-commerce Templates
- CMS und Blog Templates
- Facebook Templates
- Website-Builder
Joomla 3.x. Wie ändert man die Google web Schrift
Oktober 13, 2014
Dieses Tutorial zeigt, wie ändert man die Google web Schrift in den Vorlagen Joomla 3.x.
Joomla 3.x. Wie ändert man die Google web Schrift
Um die Google web Schrift in den Vorlagen Joomla 3.x zu ändern, sollen Sie die folgenden Schritte ausführen:
-
Lassen Sie uns die Schrift für die Menüpunkte ändern. Mit Hilfe von der Erweiterung Firebug für den Browser Mozilla Firefox finden Sie die Schrift, die in der Vorlage für den bestimmten Text benutzt wird. Die Information darüber, wie nutzt man Firebug, können Sie hier finden:
-
Öffnen Sie die Datei templates/themeXXXX/index.php und finden Sie den Link zur Google Schrift:
-
Sie sollen diese Schrift durch eine andere Schrift ersetzen oder den Link zu neuer Schrift hinzufügen (aber Sie sollen die alte Schrift bewahren).
-
Öffnen Sie die Webseite http://www.google.com/webfonts und wählen Sie die notwendige Schrift aus, indem Sie vorgeschlagene Filter nutzen:
-
Achten Sie auf den Zeichensatz. Wählen Sie die Schrift, die den notwendigen Zeichensatz unterstützt. Wir haben den Zeichensatz Cyrillic Extended ausgewählt, um die kyrillischen Schriften zu verwenden:
-
Fügen Sie die Schrift zur Sammlung hinzu und drücken Sie den Button Verwenden (Use):
-
Wählen Sie den entsprechenden Zeichensatz und kopieren Sie den erzeugten Code:
-
-
Ersetzen Sie den Quellcode in der Datei oder fügen Sie einfach die neue Codezeile hinzu, falls Sie die alte Schrift verwenden möchten. Auf dem Bildschirmfoto unten können Sie den bearbeiteten Code sehen:
-
Jetzt sollen Sie die Schrift in der CSS Datei ändern. Mit Hilfe von Firebug finden Sie den Pfad zum notwendigen CSS Code (klicken Sie mit der rechten Maustaste > ‘Adresse kopieren’ (‘Copy location’); hier ist es auc möglich die Zeile sehen, wo der Code ist):
-
Scrollen Sie die Seite der Webseite Google fonts nach unten und kopieren Sie das Attribut mit Ihrer Schrift in der CSS Datei:
-
Der bearbeitete Code muss so aussehen (schauen Sie das Bildschirmfoto unten an):
-
Aktualisieren Sie die Seite der Webseite und schauen Sie an, wie die Schrift im Menü geändert wurde:
Sie können auch das ausführliche Video-Tutorial nutzen: