Mehr Internetschriften verwenden

Um Webseiten individueller zu gestalten, lassen sich über Google weitere Internet-Schriften (sog. WebFonts) nachladen.

GoogleWebFonts bietet inzwischen rund 200 internetfähige Schriften an.

Übliche Problem mit Internetschriften sind:

• Wird die Schrift überhaupt geladen? Unterstützt der Browser dies?
• Wie lange dauert das Nachladen der Schrift?
• Kann der Browser des Webseitenbesuchers die Schrift korrekt anzeigen?

Einbinden einer WebSchrift

1. Rufen Sie GoogleWebFonts auf!

2. Wählen Sie eine Schrift aus!

3. Fügen Sie den erhaltenen Code im Kopfbereich Ihrer HTML-Seite ein!

4. Passen Sie Ihre CSS-Datei entsprechend an.

Beispiel:

   <link    href='http://fonts.googleapis.com/css?
   family=Ruslan+Display&subset=latin-ext&v2' 
   rel='stylesheet' type='text/css'>
 

CSS

In die CSS-Datei fügen Sie an passender Stelle folgendes ein:

font-family: 'Ruslan Display', cursive; 

Und hier können Sie Ihren Geschmack testen, welche Schrift mit welcher harmoniert:

• Schriften-Kombinierer