Google Web Fonts einbinden

Ruft die Google Web Fonts Seite auf und sucht euch eine passende Schrift aus. Wir nehmen für dieses Beispiel die Yanone Kaffeesatz. Klickt auf die Schrift und unter “Use this font” findet ihr den Code zum Einbinden in den Document head. Vergeßt nicht, die gewünschten Varianten vorher anzuklicken. Öffnet mit einem Editor die functions.php aus eurem Childtheme. Wir schreiben eine Funktion, die den Link in den head schreibt. In diese Funtion kopieren wir den Google Code. Anschließend hängen wir die Funktion an den Hook xtreme_stylesheets.

function xtreme_demo_action_xtreme_stylesheets() {
    ?>
    <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:regular&v1' rel='stylesheet' type='text/css' />
    <?php
}
add_action('xtreme_stylesheets', 'xtreme_demo_action_xtreme_stylesheets');

Öffnet jetzt die Datei theme.css aus dem Childtheme. Hier legt ihr fest, welche Elemente diese Schrift nutzen sollen. Im Beispiel geben wir allen Überschriften die Yanone Kaffeesatz :

h1, h2, h3, h4, h5, h6 { font-family: 'Yanone Kaffeesatz', arial, serif; }