Webfonts von Google

**wkoecker** · 21.05.2010, 11:10

Hallo!

Habs gerade auf dem NL con c't gelesen, dass Google nun Webfonts anbietet. Habs auch in TL getestet und funktioniert erwartungsgemäß. Hoffe wir nun noch auf mehr Fonts. Hier die Webseite:

http://code.google.com/webfonts

Gleich eine Frage - gibt es eine Möglichkeit ohne eigenes Template den notwenigen Stylesheet in ein Layout einzubinden - meine so mit reinen Bordmitteln. Über eigenen JS-Code geht es nicht, da das ganz am Ende der Seite eingebunden wird.

**Nikolas** · 21.05.2010, 11:13

Gleich eine Frage - gibt es eine Möglichkeit ohne eigenes Template den notwenigen Stylesheet in ein Layout einzubinden - meine so mit reinen Bordmitteln. Über eigenen JS-Code geht es nicht, da das ganz am Ende der Seite eingebunden wird.

Einbinden von externen CSS Dateien im Seiten Layout unter Experteneinstellungen und dann zusätzliche <head>-Tags

Ansonsten schöne Geschichte mit den Google-Fonts. Mal hoffen, dass da noch mehr Schriften zu kommen.

Gruß
Nikolas

**BugBuster** · 21.05.2010, 12:05

Funktioniert super.
Damit der Font nicht immer geladen wird, habe ich mein Layout kopiert und für meine Demoseite dies extra Layout gewählt.

**wiese** · 21.05.2010, 12:39

Danke für den Hinweis! Sieht gut aus

**jan.theofel** · 21.05.2010, 13:17

Hi,

Zitat von Rundinhio

Einbinden von externen CSS Dateien im Seiten Layout unter Experteneinstellungen und dann zusätzliche <head>-Tags

Alternativ auch noch über die Erweiterung header_code. Je nachdem wie viele verschiedene Layouts du verwendest, kann das etwas einfacher sein.

Jan

**BugBuster** · 21.05.2010, 13:35

über die Erweiterung header_code.

Das ist ja noch besser (zumindest in meinem Fall).
Danke für den Hinweis, ich hatte schon in der Seitenstruktur gesucht, irgendwie war mir als wenn es da was gäbe..

**promo** · 21.05.2010, 13:37

Ist ne sehr gute Idee, jedoch haben die ein paar kleine Mängel.

Die sehen zwar schön aus, sind aber ab 12pt nicht mehr richtig zu lesen (Schlechtes Hinting). Besonders für sehschwache Personen. Das kann natürlich auch am hohen Kontrast zwischen schwarz und weiß liegen.

Dennoch eignen die sich sicher gut für Bildbeschreibungen, die mittels <div> über ein Bild gelegt werden

.:edit:. Hab mich wohl geirrt ... im Internet Explorer sehen die 12px Varianten wesentlich besser aus, als im Firefox. Ist das bei euch auch so, oder hat das Anti-Alasing meines Firefox ne macke?

***xchs*** · 21.05.2010, 13:53

Zitat von BugBuster

Das ist ja noch besser (zumindest in meinem Fall).
Danke für den Hinweis, ich hatte schon in der Seitenstruktur gesucht, irgendwie war mir als wenn es da was gäbe..

Allerdings solltest Du in XHTML die betreffenden drei <link>-Tags (GoogleApi & Favicon) inhaltsleer kennzeichnen, d.h. " />" zum Schließen des Tags verwenden. Dann freut sich auch der Validator

**BugBuster** · 21.05.2010, 14:05

Danke, geändert.
Das passiert wenn man die Zeilen aus Firebug heraus kopiert, der schmeisst die immer wech. Bin ich schon mal drauf reingefallen.

***xchs*** · 21.05.2010, 14:08

Zitat von BugBuster

Danke, geändert.
Das passiert wenn man die Zeilen aus Firebug heraus kopiert, der schmeisst die immer wech. Bin ich schon mal drauf reingefallen.

Ja, das stimmt. Im Firebug ist das leider so. Es gibt zwar noch immer weitere drei Fehler, die beziehen sich aber auf Dein Banner "GEO Visitors". Hast Du da auf das Markup einen Einfluss?

**BugBuster** · 21.05.2010, 14:15

Oh, auch so ein copy-paste Fehler, zumindest Teilweise.
Die Dinger sind derzeit als Probe drin, vielleicht mache ich da mal ein Modul draus, denn wenn ich sowas schon sehen will, dann bitte ohne die Zugriffe der Suchmaschinen.

Danke *Verneigung*

***xchs*** · 21.05.2010, 14:16

Jetzt sieht's gut aus!

...und damit wieder zurück zum Thema dieses Threads

**BugBuster** · 21.05.2010, 14:23

Wenn ich mir die FAQ ansehe, welche Browser dies unterstützen und mit meiner TOP 10 Browserliste aus Visitors vergleiche, gibt es doch einige die das nicht sehen würden.

Von daher wichtig, wie auch in der FAQ gezeigt, sind die Ersatzangaben in der font-family Anweisung.