Fonts

Leseenheid

Moeilijkheidsgraad

1

De lettertypes op een website zijn beperkt en hangen zelfs van de browsers af. Tenzij je het lettertype zelf in de CSS meegeeft. Een andere manier is om de CSS van een externe site te halen. Google fonts is gebaseerd op zo'n principe. Vroeger was dit een afzonderlijke module. Nu is dit geïntegreerd in de @font-your-face module. Na installatie kan je tal van mogelijkheden aanvinken. Sommige zijn echter betalend. Geen paniek, het wordt uitdrukkelijk vermeld.

Stel alles zo in. Zo zie je wat gratis is en wat niet.

 

Via Uiterlijk kom je op de instellingen.

Je krijgt telkens een voorbeeld van het lettertype.

Schakel er eentje in om uit te testen.

Nu moet je ook melden wanneer je het gaat gebruiken. Ik wil het bij de H1 tag en voor mijn Site naam. Desnoods kijk je via de inspector welke class of ID, je moet aanspreken.

Je kunt een overzicht krijgen wanneer je welke font inschakelt.

Hoe werkt dit nu? De broncode verraadt dat je de fonts van een externe site haalt. Daarom is ze ook multibrowser..

Aclonica toegepast op H1

en op mijn site naam.