Google Free Fonts ohne Plugin in WordPress integrieren

,

Das neue Google Font Directory bietet zur Zeit 622 verschiedene, sehr hochwertige Web Fonts kostenlos an, die direkt mit nur einem Link in Webseiten eingebaut werden können. Der Vorteil gegenüber „normalen Fonts ist, das die Font auf dem Rechner des Besuchers nicht vorhanden sein müssen. Das hat den Vorteil, das die Website bzw. das Blog in Sachen Schriften immer gleich aussieht.

Google Lobster Font
Beispiel Google Lobster Font

In der ersten Zeile wird zu Google Fonts vierlinkt. Die Zeile wird zwischen <head> und </head> eingebunden. Hinter „family=“ wird der Name des gewünschten Fonts eingegeben.  Nun benötigt man nur noch ein Stylesheet, wo der Font zugewiesen wird.


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

Im Stylesheet wird der Font so genutzt:


.postheader,
{
font-size:22px;
font-family: 'Lobster', cursive;
}

Das wars schon. Nun kann der Font einem Text zugewiesen werden.

Beispiele der Fonts sind hier zu finden.

Wer nicht selbst Hand anlegen möchte, kann das Plugin WP Google Fonts von Adrian Hanft nutzen.  Damit können die Fonts bequem einbebunden werden..

Verwandte Beiträge