Google Fonts API: Einfach und schnell neue Fonts für deine Webseite

20 Mai 2010

WOW. Gestern hat Google eine Ankündigung herausgebracht, die die Google Fonts API betrifft. Ab sofort ist es möglich, eine Vielzahl von benutzerdefinierten Schriften absolut easy in eine Webseite einzubinden. Man erstellt einfach eine Verknüpfung zu einer bestimmten Schriftart, die auf den Google-Servern gespeichert ist und passt den CSS Style an.

Es ist so einfach, dass das ganze in 10 Sekunden umsetzbar ist. Diese benutzerdefinierten Schriftarten sollen sogar bis hin zum Internet Explorer 6 anerkannt werden. Zur Zeit stehen lediglich 20 Fonts zur Auswahl, aber im Laufe der Zeit werden sicher immer mehr Schriften hinzukommen.

Bei aller Euphorie stellt sich mancher sicher jetzt die Frage nach der Lizensierung. Google sagt in den FAQs folgendes dazu:

Can I use the Font API on any page?
Yes. All the fonts in the Google Font Directory are licensed under open source licenses that let you use them on any website, from a private blog to a big commercial site

(Quelle: http://code.google.com/intl/de-DE/apis/webfonts/faq.html)

1. Schritt: Schriftart aussuchen

Liste der verfügbaren Schriften: http://code.google.com/webfonts

2. Schritt: Link zu der Schriftart deiner Wahl in den head deiner Seite

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

3. Schritt: Anpassung der CSS Datei

h1 { font-family: 'Lobster', arial, serif; }

(gefunden via net.tutsplus.com/tutorials/html-css-techniques/quick-tip-google-fonts-api-youre-going-to-love-this/)

Lars Autor: Dieser Artikel wurde am 20.Mai 2010 von Lars veröffentlicht und wurde unter programmierung abgelegt. Lars entwickelt seit 2007 Webseiten auf Basis von Wordpress. Dieser Blog dient ihm als Spielwiese für Wordpress, html5 und css3.

verwandte Artikel

  • Keine ähnlichen Beiträge

2 Kommentare

  1. Danke für die Info, wird wirklich Zeit, dass sich weitere Entwickler der Problematik annehmen. Es stimmt allerdings, 20 Fonts sind etwas mager.

    Es gibt eine ähnliche Variante von http://www.fontburner.com Hier werden die Fonts ebenfalls über Scripte generiert, die Auswahl ist zur Zeit auch Größer.
    Einige Anbieter wandeln Deine eigenen Fonts auch in Grafiken mit alt-Text um.. die sind mir jetzt aber entfallen..(:

    Grüße.

  2. Hallo Marv. Fontburner ist ein echt guter Tipp, da sogar ein Wordpress-Plugin vorhanden ist. Und die Auswahl an Schriften ist bemerkenswert. Danke dafür.

    http://www.fontburner.com/the-font-burner-wordpress-plugin/

Sag deine Meinung.

Liebe Kommentarspammer - Spart uns die Arbeit.
Keine Keywords oder Domainnamen im Link.

Kommentare werden erst nach der Freigabe sichtbar...