2010 21 Mai

Neue Web Schriftarten von Google

Google bietet neue Web-Fonts

Schriften im Web, die sich auf allen Systemen problemlos anschauen lassen, kann man fasst an der Hand abzählen. Das Einbinden von Schriftdateien wie ttf oder otf mit CSS läuft auch nur mit neueren Browsern und sieht zudem auch bei allen unterschiedlich aus. Wer Text auf Bildern platziert, darf sich auf viel Arbeit und Unbeliebtheit bei Suchmaschinen freuen. Bis dato war das Nutzen von anderen Schriften als Times, Arial und Verdana ein Graus. Aber jetzt gibt es ja die Google Font API.

Die Google Font API stellt den Webdesigner ein Werkzeug an die Hand, mit dem wir mal andere Schriftarten problemlos (also auf allen Systemen) nutzen können. Hierbei bindet man lediglich eine CSS-Datei ein und kann im weiteren CSS Verlauf den Schriftnamen verwenden. In dem geladenen CSS File befindet sich wieder eine TrueType Deklaration für die Schriften, jedoch wurden diese wohl für das Web optimiert.

Web Fonts einbinden

Einbinden einer Schriftart am Beispiel von “Tangerine”. (Komplettes Beispiel)

  1. Externe Font-CSS im Head einbinden

    <link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Tangerine”>

  2. Schrift in der eigenen CSS verwenden

    body { font-family: ‘Tangerine’, serif; }

Web Fonts Übersicht

Googles Schriftarten sind hier in der Übersicht bereits live dargestellt.

Fazit

Wie man sieht, sind bei Google’s neuen Schriftarten einige schöne Exemplare dabei. Dieses Werk ist also für uns Webdesigner etwas sehr Sinnvolles und Nützliches.

Verwandte Artikel

Webdesign Bookmark bei Mr. Wong Webdesign Bookmark bei Webnews Webdesign Bookmark bei Delicious Webdesign Bookmark bei Google    

Noch keine Kommentare.

Einen Kommentar hinterlassen

© Elias Fischer | www.eliasfischer.de