Neue kostenlose Schriften für die Webseite: Google Font Directory

Geschrieben von: Webdesigner aus Berlin

Das Thema Typographie wird ja für Webseiten nun auch immer interessanter. Früher musste man sich noch mit den Schriften zufrieden geben, welche uns von Mac und Windows zur Verfügung gestellt wurden – und es gab nur wenige Standard-Schriften, welche auf allen Betriebssystemen gleich dargestellt wurden.

Doch so langsam kommt Bewegung in die Webseiten-Typographie: Mit der CSS-Definition @font lassen sich nun per CSS andere Schriften im Browser darstellen, als auf dem Betriebssystem vorhanden sind: GUTE NACHT ARIAL, HALLO DROID SANS

Nun sind aber nicht alle Schriften lizenzfrei zu bekommen und die Nutzung von anderen, als auf den Betriebssystemen vorhandenen Schriften kann teuer werden. Google bietet nun mit seinem Font Directory und der dazu gehörigen Google Font API jedem Webdesigner die Möglichkeit, neue Schriften kostenlos zu nutzen. Eine Auswahl der vorhandenen Schriften findet man im Google Font Directory, die Google Font API erläutert, wie man die Schriften des Google Font Directory einbauen kann.

Ich selber habe diese Technik noch nicht genutzt, werde es aber mal demnächst ausprobieren… und natürlich berichten.

2 Kommentare »

1. 

   Solche Techniken gab es schon einige vor Jahren. ALlerdings würde es mich wundern wenn Google nicht auf maximale Kompatibilität zu möglichst vielen Browsern achten würde…und das wäre der entscheidende neue Punkt.

   Kommentar von ff-webdesigner — 15. Juli 2010 @ 12:40

2. 

   Eine der besten Techniken Schriften in HTML einzubinden wie ich finde. Im Gegensatz zu Cufon und andere Derivate hat GoogleFonts den entscheidenen Vorteil das es a, kostenlos, b. lizenzrechtlich einfach gehalten und c. einfach, schnell und vor allem Browserkompatibel struckturiert ist. Leider braucht man bis auf die neueren Versionen immer wieder Javascript, selbst beim Firefox 3.6, da die Google Server ab und an nicht erreichbar sind, bzw die Schriften nicht geladen werden. Hatte auf meiner Portfolio http://seiler-gerstmann.de GoogleFonts zu laufen, aber aufgrund der Lecks habe ich mich nun davon verabschiedet und binde es lieber in meinen anderen Projekten ein, die nicht so Besucherintensiv sind.

   Kommentar von Webdesign Berlin — 26. Oktober 2010 @ 12:07

RSS-Feed für Kommentare zu diesem Artikel. TrackBack-URL

Einen Kommentar hinterlassen

Kategorien

• Webdesign
  • Software für Webdesign
  • Webseitenoptimierung
  • Webdesign für CMS
  • Homepage erstellen
  • Kostenlose Homepage-Vorlagen
• Online Marketing
  • Suchmaschinen-Optimierung (SEO)
  • Social Media
• Content-Management-Systeme (CMS)
  • CMS Templates
  • Drupal
  • Wordpress
  • Typolight
• Kreatives und sonstiges

Aktuelle Diskussion

• janein bei jQuery: Die Fancybox und der Internet Explorer
• ff-webdesigner bei Cufon und Shadowbox – Abhilfe, wenn es bei Wordpress ruckelt
• Sums bei jQuery: Die Fancybox und der Internet Explorer
• Ede K bei jQuery: Die Fancybox und der Internet Explorer
• Tobias bei Den eigenen Blog und die Webseite in Verzeichnisse eintragen

Aktuelles

• Thunderbird: Beim Speichern von Email-Anhängen gehen die Dateiendungen verloren.
• Drupal: User mit Views auflisten, welche einen bestimmten Content Profile noch nicht erstellt haben
• Cufon und Shadowbox – Abhilfe, wenn es bei Wordpress ruckelt
• Das Cherry-Twitter-Weekly
• Drupal: wenn die node-[typ].tpl.php für einen Inhaltstyp nicht funktioniert
• Das Cherry-Twitter-Weekly
• Neue kostenlose Schriften für die Webseite: Google Font Directory
• Kostenlose Homepage-Vorlage/ Wordpress-Theme zur Fußball-WM 2010
• CSS3/ Webdesign-Software – Buttons mit CSS3 erstellen – mit dem “Button Maker”
• Ich unterstütze den Internet Explorer 6 (IE6) nicht mehr

Themen

Browser Browser-Kompatibilität Cherry bei Twitter CSS Existenzgründer Existenzgründung HTML Internet Explorer Internet Explorer 6 jQuery Marketing Optimierung Programmierung SEO Template Theme Tools Webseite Webseiten