Tag Archive for 'Webfonts'

Fonts.com und Typekit

Für Word­Press bie­ten sich benut­zer­freund­li­che Plugins wie Fonts.com Web­fonts“ und „Advan­ced Typekitfür den kom­for­ta­blen Ein­satz von Web­fonts an.

Hier­mit wird dem Anwen­der der Zugriff auf den viel­fäl­ti­gen Schrif­ten­fun­dus der jewei­li­gen Anbie­ter zur  Ein­bin­dung der­sel­ben in die Web­site leicht gemacht. Mit weni­gen Schrit­ten gelangt man zum Ziel:

  1. Konto bei Fonts.com oder Typekit eröffnen
  2. Das Plu­gin der Wahl in Word­Press installieren
  3. API Key (ID des Anbieter-Kontos) eingeben
  4. Style­s­heets laut Anlei­tung bearbeiten

Das Ergeb­nis ist sehens­wert — end­lich ist es mög­lich Web­sites mit indi­vi­du­el­len Fonts zu gestal­ten. Ein sehr gelun­ge­nes Anwen­dungs­bei­spiel zur Demons­tra­tion des Ein­sat­zes von Web­fonts ist „Design made in Ger­many“ (erst kürz­lich aus­ge­zeich­net mit „The Web Font Awards 2010“).

Webfonts auf dem Vormarsch

Es sieht so aus, als würde pro­fes­sio­nelle Typo­gra­fie in Zukunft auch für Web­sites auf brei­ter Front ver­füg­bar sein.

Die „@font-face-Regel“, mitt­ler­weile in aller Munde, macht Fonts in aktu­el­len Web­brow­sern ver­wend­bar. Immer mehr Webfont-Serviceanbieter wie z.B. „fonts.com“ — ein Ange­bot mit 7.500 Fonts von Mono­type, Lino­type und ITC  — gehen an den Start. Detail­lierte Infor­ma­tio­nen zur His­to­rie von Web­fonts fin­det man bei „Dr. Web“ und zu Browserunterstützung/Coding etc. bei „Webfonts.info“. Abschlies­send noch ein Ver­an­stal­tungs­tip: der Web­font­day 2010, aus­ge­rich­tet von der TGM am 13. Novem­ber 2010 in München.

Webfonts – Google Font API

Diese browser-technische Neue­rung betrifft die Typo­gra­fie von Web­sites. Mit Hilfe die­ser Schnitt­stelle ist es auf ein­fa­che Weise mög­lich, belie­bige Schrift­ty­pen in eine Web­site ein­zu­bin­den und zu verwenden.

Lei­der sind bis jetzt bei Google nicht allzu viele Fonts ver­füg­bar, aber das sollte sich in abseh­ba­rer Zeit ändern.  Aller­dings ent­wi­ckelt nicht nur Google eine Lösung zur Ver­wen­dung von Web­fonts, son­dern auch diverse andere Web­an­bie­ter. Aktu­elle Infor­ma­tio­nen zum Thema gibt es bei Webfonts.info.

Bei­spiel CSS Zen Garden