[wfl] Neu: Der Webfontloader
Da das Thema auch gerade im Blog besprochen wurde, haben wir (twobox.com und de la Haye) gerade unsere neue Extension "wfl" veröffentlicht.
Mit dem Webfontloader können bequem und einfach Schriften verschiedener Anbieter genutzt werden:
- Google Webfonts
- Fontsquirrel @Fontface Kits
- Typekit
- Monotype (fonts.com)
- CSS-Dateien mit fertigen @font-face-Angaben (lokal und extern)
- Schriftdateien (.eot, .woff, .ttf, .svg, lokal und extern)
- Fertig gelieferte Code-Schnipsel
Die Schriften können meist den Google WebFont Loader nutzen, mit dem erweiterte CSS-Konfigurationen abhängig vom Ladestand etc. möglich sind. Es sind aber auch weitere Einbindungsmöglichkeiten pro Seitenlayout vorgesehen:
- Google WebFont Loader plus CSS
- Google WebFont Loader plus CSS im noscript-Tag (validiert leider nicht, da das w3c den noscript-Tag im Header nicht vorsieht)
- Nur CSS
- Nur Google WebFont Loader (hier stehen allerdings nur mit Javascript Fonts zur Verfügung)
Die Fontsquirrel @Fontface-Kits werden automatisch in die Contao-Dateiverwaltung geladen und stehen dann dort als lokale Dateien zur Verfügung.
Wichtig: Die Lizenzbedingungen der einzelnen Fonts sollten beachtet werden. Insbesondere gibt es Anbieter, die vorschreiben, dass ein Hotlinking der Schriftdateien unterbunden werden muss.
Eine Doku ist in Arbeit, da manche Funktionen sicherlich erläuterungsbedürftig sind. Wenn Ihr aber die Hinweistexte an den Eingabefeldern beachtet, müsste es auch so gehen.
Die jetzt veröffentlichte Version ist eine Beta-Version. Nutzt sie bitte und gebt uns ein Feedback, was wir noch "ausbügeln" sollten, damit möglichst bald eine stabile Version zur Verfügung steht. Wobei auch die Betaversion schon recht stabil läuft :D
Grüße,
Christian & Markus
Super Extension, aber: IE?
Hallo Christian, danke für diese tolle Extension. Allerdings fällt mir beim Test auf, dass die Schrift unter XP im IE nicht angezeigt wird. Ich habe einen Webfont per "eigene CSS-Datei" eingebunden. Die CSS Datei sowie die entspr. Schriftdateien liegen genau so in meiner Dateiverwaltung, wie ich Sie vom Hersteller bekommen habe. Syntax wie folgt:
@font-face {
font-family: 'StMarieWebThin';
src: url('stmarie-thin_web-webfont.eot');
src: url('stmarie-thin_web-webfont.woff') format('woff'), url('stmarie-thin_web-webfont.svg#webfontHNmhr3jr') format('svg');
font-weight: normal;
font-style: normal;
}
Sind Probleme im IE bei der Anzeige der Webfonts bekannt?
Die Schreibweise in der CSS-Konfiguration meiner h1, h2 usw.entspricht genau der Schreibweise bei "font-family", hab's auch schon probiert mit Anführungszeichen: StMarieWebThin,'StMarieWebThin'. Bringt aber nichts.
Jemand ne Idee? Danke!!
Die Schrift ist übrigens ein frei verfügbarer Freefont unter CC License