logo
  Ander lettertype 1
 

Vanaf nu is het afgelopen met de standaard lettertype voor op internet! Nu kunnen we bijna elk lettertype nemen die wij mooi vinden en niet die standaard letters.
Hou er wel rekening mee dat niet elk lettertype het doet, maar heel veel wel zoals je hier kan zien.

Het is dus geen clipart, maar gewoon pure en zuivere letters die je nu kan gebruiken. Dit doet het in Firefox én in Explorer, de rest is niet getest.
Het script is zeer eenvoudig, er zijn echter wel regels waar je je aan moet houden.

Stel dat jou lettertype cbinfo.ttf heet dan vul je bij 'naamzonderextentie' cbinfo in en bij 'naamletter.ttf' cbinfo.ttf.
De rest wijst vanzelf, want ik neem aan dat je de rest wel kent.

Nu doe je het volgende:
Je upload de CSS én het lettertype (in dit voorbeeld cbinfo.ttf) én de site in één map. Mocht je de CSS en het lettertype in een andere map zetten, dan is de kans heel erg groot dat hij het niet doet.

 
IN DE CSS
@font-face{
font-family:
naamletterzonderextentie;src:url("naamletter.ttf");src:local( naamletterzonderextentie),url(naamletter.ttf)}
.groot{
font-family:
naamletterzonderextentie,sans-serif;font-size:35px}
.klein{
font-family:naamletterzonderextentie;font-size:26px;FONT-WEIGHT: normal;line-height:100%}
.links{
text-decoration:underline;
color:#8FBC8F;background:inherit}

 
TUSSEN DE BODY TAGS
<p class="groot"> (voor bijvoorbeeld kopteksten)
<p class="klein">
<p class="links">(voor de links)

 
eind