SEO Blog

Soeben bin ich über einen Tweet von @wpSEO gestolpert, mit einem Link ins Google Blog, zu einem Artikel, in welchem OpenSource Schriften für alle vorgestellt werden: Introducing the Google Font API & Google Font Directory. Was das bedeutet, möchte ich an einem kleinen Beispiel zeigen; es braucht nur ein wenig XHTML und CSS…

Mit diesem Service von Google kann man ganz einfach auf einige OpenSource-Schriftarten zugreifen, die man dann auf der eigenen Webseite darstellen kann. Es ist also egal, ob der Seitenbesucher diese Schriftart auf dem eigenen Rechner installiert hat, oder nicht…

Zuerst fügen wir im HEAD-Bereich des Seitencodes folgende Zeile ein, in welcher in der URL auch gerade die gewünschte Schriftart als Parameter angegeben wird:

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

Im Google Font Directory findest Du einige verfügbare Schriftarten.

Danach ist diese Schriftart ganz “normal” in den CSS-Angaben einzusetzen wie sonst auch. In die CSS-Datei gehört nun z.B. folgenden Code:

h3.ueberschrift {
font-family: "Lobster", serif;
font-size:280%;
}

Nun kann man z.B. im XHTML im BODY-Bereich des Seitencodes einfach einer Überschrift die entsprechende CSS-Klasse zuweisen:

<h3 class="ueberschrift">Spezielle Schriftart</h3>

Da ich jetzt nicht in die index.php nur zum Zwecke der Demonstrierung (dauerhaft) die Google-API einbinden will, findest Du hier ein Beispiel.

Dieser Artikel ist mir was wert