Så nemt skifter du skriftype på dit WordPress tema

Skriftyper eller fonte som de også hedder er en del af designet, og et tema som du har fundet har måske nok det rette layout og struktur, men ikke de rigtige skriftyper.

Jeg anbefaler at bruge Google Fonts, da der er så mange gode at vælge imellem. Og så er de nemme at implementerer i WordPress.

Du kan vælge at implementerer ved at tilføje et kaldt til Googls font bibliotek i din header.php fil, og lave yderligere styling via style.css filen i dit child theme…

MEN

du kan også bare installerer Typecase, det er simpelthen den nemmeste måde at ændre font, jeg længe har set.


 

Når du først har installeret Typecase, vil du blive præsenteret for en søgbar liste af Google fonte. Du vælger den eller de fonte du ønsker at bruge på dit site, ved at trykke på et lille grønt plus.

Sådan tilføjer du en font med Typecase Web Fonts

 

Det er en god idé at vælge en let læselig skrifttype til selve teksten og en anden til overskrifter mv. Udvalget er stort, så tricket er at vælge to fonte der matcher hinanden i stil.

Det er der en masse designere der har mere styr på end mig, men lad dig inspirerer og prøv dig frem.

Når du nu har valgt en skriftype, skal du vælge hvilke “selectors” den nye font skal virke på. En Selector er et CSS begreb. F.eks. er H1 en selector. Så hvis din nye font skal virke på H1 elementer kan du skrive h1 …

Du finder dit temas selectors ved at

bruge Google Chrome’s Inspect Element værktøj eller Mozillas Firebug (Mere om disse værktøjer senere – de er MEGET nyttige)

Her viser jeg hvordan jeg bruger Inspect Element til at finde den rigtige CSS selector for derefter at indsætte den i Typecase.

 

Typecase kræver ingen kode og faktisk heller ikke et child theme som normalt vil være påkrævet ved sådan en ændring.

Det virke på alle temaer, så hvad stopper dig fra at lave en hurtig ændring?