WordPress kívülről

Google fontok használata WordPress sablonba

Bizonyára sokan észrevették már, hogy egyre többen használnak egyedi fontokat weboldalukon. Ez azonban nem csak egy CSS beállítás. Ezt a technológiát hívjuk font-face-nek. Erről már szó volt a blogban és arról is hogy ezt a technológiát már teljesen böngészőfüggetlen megoldásként tudjuk kezelni és egyben ez a legjobb megoldás és minden bizonnyal ez is marad a az egyedi fontok megjelenítésére. Google már jó ideje megnyitotta a fonts directory-t.

Itt többféle betűtípus közül is választhatunk. Ha rákattintunk egy adott fontra, akkor már láthatjuk is a részleteket. Kattintsunk az Use this font tabra. Az ott található információk közül a css linket, amely így néz ki:

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

Illesszük sablonunk header.php fájljába a head szakaszba. Ha ezzel megvagyunk akkor nincs más dolgunk mint beállítani betűtípusként a style.css fájlunkban a kivánt osztályokat, elemeket. Például ez esetben a h1 elemnek lesz Quattrocento a betűtípusa.

h1 { font-family: 'Quattrocento', arial, serif; }

Ilyen egyszerűen alkalmazhatjuk e kiváló megoldást WordPress honlapkészítés során.