Lettertype inladen voor website met CSS

css cloud

In dit voorbeeld gebruiken we een lettertype (font) bestand voor een website, zo kun je zelf tekstblokken eigen lettertype geven met CSS (Cascade Styling Script).

Bovenaan de HTML of PHP script begin je met de CSS opmaak in het <style> </style> blok, in het voorbeeld hieronder alle tekst tussen de <div> </div> blokken wordt in een bepaalde lettertype weergegeven:

Stel het padnaam naar het font in door deze regel te wijzigen:  src: url([LETTERTYPE BESTAND]);

Je kan nu bijvoorbeeld een PHP output in een DIV blok zetten:

Zo kun je dus tekst eenvoudig manipuleren door je eigen lettertype bestand te laden!

Let op!, het ligt wel aan je webbroweser of de CSS goed geladen en goed gebruikt wordt!