Wie kann ich mehrere Google-Schriftarten in mein Joomla! 3 Seite und JCE?


11

Wie kann ich mehrere Google-Schriftarten in mein Joomla! Seite? ˅?

Ich möchte die Kompatibilität in allen Browsern maximieren.

Können mehrere Google Fonts über das Admin-Panel integriert werden?

Was muss ich in mein CSS aufnehmen?

Ich verwende auch JCE als Standard-Inhaltseditor. Wie kann ich die Google-Schriftarten in der Dropdown-Liste anzeigen und die anderen Schriftarten entfernen? (dh um zu vermeiden, dass Autoren eine Schriftart auswählen, die nicht im Styleguide enthalten ist).

Antworten:


9

Angenommen, Sie möchten, dass "Roboto" und "Open Sans" für Ihre Autoren in der Dropdown-Liste "JCE-Schriftfamilie" verfügbar sind.

Erstens:
Suchen Sie Ihre Schriftarten in Google-Schriftarten und fügen Sie dem CSS-Stylesheet Ihres Editors den @import hinzu, den Sie von ihnen erhalten.
In diesem Beispiel sieht es so aus:

@import url(http://fonts.googleapis.com/css?family=Roboto|Open+Sans);

Zweitens:
Um Schriftarten in JCE zu entfernen / hinzuzufügen, müssen Sie in den Editorparametern zur Registerkarte Typografie wechseln. Für Joomla 3.2 lautet der Pfad:

Komponente> JCE-Editor> Editorprofile> Wählen Sie das Profil aus, zu dem Sie Schriftarten hinzufügen / entfernen möchten> Editorparameter> Typografie.

Scrollen Sie nach unten zu "Schriftarten" und deaktivieren Sie zunächst die Schriftarten, die Sie entfernen möchten.

Anschließend können Sie der Liste neue Schriftarten hinzufügen, indem Sie auf "Neue Schriftart hinzufügen ..." klicken. Geben Sie Ihre Schriftnamen ein, speichern Sie und fertig.


Browserkompatibilität:
Die Google-API ist für die folgenden Browser kompatibel:

  • Google Chrome: Version 4.249.4+
  • Mozilla Firefox: Version: 3.5+
  • Apple Safari: Version 3.1+
  • Opera: Version 10.5+
  • Microsoft Internet Explorer: Version 6+

Quelle

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.