In het boekje Praktijkvoorbeelden gebruiken we verschillende lettertypen. Die fonts zijn allemaal beschikbaar via Google Fonts. Dat maakt het mogelijk om de fonts ook op webpagina's te gebruiken. Daarvoor moet je dan wel wat code opnemen in je HTML. Voor deze fonts is dat dus:
<link href="http://fonts.googleapis.com/css?family=Arimo|Glegoo|Alfa+Slab+One" rel="stylesheet" type="text/css"></link>
Daarmee laad je de fonts die je wilt gebruiken. Daarna sluit je de tekst in tussen <div> tags waarin je het juiste font aanroept. Voor de dikke koppen is dat dus:
<div style="font-family: 'Alfa Slab One', serif; font-size: 30px; font-weight: bold;">Voor de dikke koppen: Alfa Slab One</div>
Je ziet dat ik ook serif heb toegevoegd, een standaard font dat altijd aanwezig is. Dat is nodig voor devices die Google Fonts niet ondersteunen. Daarnaast kun je natuurlijk ook bold en cursief gebruiken.
Voor de dikke koppen: Alfa Slab One
Voor de dunne koppen gebruiken we: Glegoo
Voor de normale tekst is dit het font: Arimo
Geen opmerkingen:
Een reactie posten