KOMPOOS.NL
font-face html5
sitemap
uitleg html5 font-face procedure
Het is duidelijk wat fontface teweegbrengt. De H1 van deze pagina (kompoos.nl - kop) staat in een ander lettertype (een ander font). In de directory waar déze pagina (font-face-html5.html) staat, bevinden zich twee files: aescrawl.eot en aescrawl.ttf. Kopieer deze, als je wilt, naar jouw webruimte. Je kan ook natuurlijk kiezen uit de duizenden fonts die op internet (gratis of niet) te vinden zijn. Als je een lettertype hebt gevonden wat bij jouw "design" past, kan je het font implementeren door de onderstaande stylesheet aan jouw pagina toe te voegen (in de head-sectie van jouw pagina). Vervang "aescrawl" door de naam van "jouw" file(s) en geef een geef een tag (of H1 of whatever..) de font-family mee (zoals de H1 in dit voorbeeld).stylesheet voor de fontface procedure
<style type="text/css">
@font-face{font-family:aescrawl;src:url("aescrawl.eot");src:local(aescrawl),url("aescrawl.ttf")}
h1{font-family:aescrawl}
</style>
Gebruik voor alle voorbeelden op de http://kompoos.nl een valide html5 pagina.