Neues

Folge uns auf Twitter

Folge uns auf Twitter

Es lohnt sich, Ahadesign aufTwitterzu folgen, um keine Neuigkeiten zu Bildbearbeitung, Webdesign Tutorials, Reviews, Testberichte, News, Downloads und Verlosungen zu verpassen. Wer Twitter nicht mag oder eine zusätzliche Möglichkeit sucht, um immer auf dem neuesten Stand zu sein, kann auch gerne denAhadesign-RSS-Feedkostenfrei abonnieren.

SeedingUp | Digital Content Marketing


Das kostenlose Plugin HD-Gfonts für Joomla 1.5 erlaubt die Verwendung von alternativen Schriftarten zusätzlich zu den bekannten Fonts.

HD-Gfonts Plugin!

Für Webseiten stehen immer nur ein paar wenige Standard-Schriftarten zur Verfügung, auch wenn man tausende Fonts auf seinem Rechner installiert hat. Die Schriften müssen aber in jedem Browser gleich angezeigt werden können. Ist die vom Seitenbetreiber vorgegebene Schriftart nicht auf dem PC des Anwenders installiert, sieht dieser eine alternative Schriftart. Die Ausgabe des gewünschten Fonts lässt sich so nicht wirklich steuern.

Aufgrund dieses unbefriedigenden Zustandes kann man sich alleine über die Schriften-Definitionen kaum von anderen Webseiten interessant unterscheiden. Genau für dieses Problem gibt es das Joomla-Plugin HD-Gfonts.

HD-Gfonts ist ein einfaches Plugin. Damit können die Standard-Fonts mit den viel umfangreicheren Fonts des Google Font Verzeichnisses ersetzt werden. So bekommt die Joomla-Seite gleich ein ganz anderes Bild.

Das Google Font Directory bietet folgende siebzehn unterschiedliche Fonts zur Auswahl:

  • Cantarell
  • Cardo
  • Crimson Text
  • Droid Sans
  • Droid Serif
  • IM Fell Double Pica
  • Inconsolata
  • Josefin Sans Std Light
  • Lobster
  • Molengo
  • Nobile
  • OFL Sorts Mill Goudy
  • Old Standard TT
  • Reenie Beanie
  • Tangerine
  • Vollkorn
  • Yanone Kaffeesatz

Das Google Font Directory ist eine Kollektion von Fonts, welche auf den Servern von Google gehostet werden und damit für die Verwendung auf Webseiten zur Verfügung stehen. Die Fonts stehen glücklicherweise unter einer OpenSource-Lizenz, können also ohne Kosten frei verwendet werden.

Im Gegensatz zum CSS Font-Face System funktionieren die Schriften mit allen Browsern und sogar mit dem Katastrophenteil "Internet Explorer 6".

Natürlich könnte man sehr interessante Schriften auch mit Flash realisieren. Davor schrecken aber doch die meisten zurück, wenn es sich um mehr als nur Effekte handelt. Der Grund sind die wohl berechtigten Bedenken in Bezug auf die Suchmaschinenfreundlichkeit.

Im Verzeichnis plugins -> system -> Gfonts findet sich für jeden Font eine eigene CSS-Datei. Die Schriftstile sind den Überschriften H1, H2, H3, H4 und den Klassen .componentheading und .contentheading zugewiesen. In den Plugin-Parametern können die CSS-Parameter wie gewünscht verändert werden. Man ist aber nicht auf die hier definierten Klassen beschränkt. Für zusätzliche Klassen können Einstellungen für den Parameter "Additional CSS" eingetragen werden. Möchte man zum Beispiel für den Haupttext eine andere Schriftart definieren, könnte man folgendes schreiben:

body { font-family: 'Droid Sans', arial, serif; }

Laut Entwickler funktioniert das Plugin mit absolut allen Templates, weil die CSS-Datei immer zuletzt geladen wird. So werden andere Definitionen von den CSS-Dateien des Plugins überschrieben.

Die Installation des Plugins ist schnell gemacht und läuft auf herkömmliche Weise im Backend über den Installer ab. Nach der Installation sucht man unter Erweiterungen -> Plugins nach HD-Gfonts und klickt einmal drauf, um zu den Einstellungen zu gelangen. Hier wählt man dann in der Parameter-Liste die gewünschten Fonts und natürlich aktiviert man das Plugin.

Hier geht es zum HD-Gfonts - Download. (Link funktioniert nicht mehr und wurde entfernt)

Für den Download dieser Erweiterung ist keine Registrierung auf der Seite des Anbieters notwendig.

Kommentar schreiben


Kommentare  
9 hd-gfonts25chris 2012-03-23 21:13
Hab gerade das Plugin "hd-gfonts25" auf probiert und war anfänglich durchaus begeistert; leider zerschießt das Teil aber das Layout der Recaptcha- Form. :cry
Zitieren
8 Warum wird HD Gfont Plugins beeinflussenJens 2012-01-26 19:56
Hallo, danke für den super Link,
Das Plugin funktioniert sehr gut, aber ich habe ein Problem mit zum Beispiel Gästebücher Komponenten. Hier verändert sich die Schrift wieder auf Normal Arial. Gibt es hier ne Lösung?
Zitieren
7 Danke!!!Ahadesign 2010-09-21 14:53
Vielen Dank für die Lösung, auch wenn sie bei der falschen Antwort eingetragen wurde.
Zitieren
6 Code nochmalsThomas Nolte 2010-09-20 18:43
Irgendwie wird der code nicht richtig dargestellt..No ch ein Versuch:
Code:baseurl.'plugins/system/Gfonts/'.$this->params->get( 'font-face'
).'.css" type="text/css" />

ändern in
Code:params->get(
'font-face' ).'.css" type="text/css" />

Replacing "yourdomain.com " with the one you are using then it should bypass the need to use the base URL parameter.
Zitieren
5 Lösung die 2.Thomas Nolte 2010-09-20 18:38
Sorry, da hätte ich natürlich selbst drauf kommen können, die Lösung auch zu veröffentlichen . Lt. Hyde Design den php-code folgendermassen ändern:
Code:baseurl.'plugins/system/Gfonts/'.$this->params->get( 'font-face'
).'.css" type="text/css" />


in

[]code]params-
>get( 'font-face' ).'.css" type="text/css" />

Replacing "yourdomain.com " with the one you are using then it should
bypass the need to use the base URL parameter.

D as war´s - es funzt.
Zitieren
4 Welche Lösung?Ahadesign 2010-09-20 11:05
Super wenn sich das Problem gelöst hat. Es wäre allerdings echt nett, wenn die Lösung hier auch kurz genannt werden könnte. Da hätten dann viele andere Anwender auch was davon.
Zitieren
3 GelöstThomas Nolte 2010-09-19 19:26
Ich hatte zeitgleich eine mail an Hyde-Design gesandt und schon ein paar Stunden die Antwort mit passendem Tipp zur Behebung des Problems. Si wünscht man sich support. Danke auch Euch für eine schnelle antwort hier.
Thomas
Zitieren
2 Einstellung undefiniert!Ahadesign 2010-09-19 13:25
Wenn es richtig installiert wurde, dürften eigentlich keine Probleme auftauchen. Eventuell kann auch eine andere Erweiterung oder falsche PHP-Version usw. Ärger machen. Hierzu kann aber der Entwickler kontaktiert werden. Auf der Downloadseite gibt es dazu einen Contact Us - Button. Mir ist kein Bug der Erweiterung bekannt.
Zitieren
1 PHP NoticeThomas Nolte 2010-09-19 07:18
Hallo.
Vielen Dank für den Hinweis auf dieses tolle plugin. Es läuft auch sehr gut, aber ich bekomme folgenden Hinweis "Notice: Undefined property: plgSystemHD_Gfo nt::$baseurl in /www/htdocs/w00 d0ee1/plugins/s ystem/HD_Gfont. php on line 30".
Als relativer PHP-Neuling kann ich damit nicht viel anfangen bzw. die Effekte des plugins werden ja trotzdem ausgeführt?!?
Für einen Tipp wäre ich sehr dankbar.
Thoma s
Zitieren