8.4 Het lettertype

Het standaardlettertype dat je ziet hangt sterk af van welke browser je gebruikt en welke versie. Je kan het lettertype zelf instellen op een ander lettertype, waardoor je website door iedereen hetzelfde zal worden gezien in het lettertype dat jij het mooiste vind.

We doen dit door ook weer in de tag <font> een extra parameter mee te geven, namelijk face=”Arial”.

Een voorbeeldje:

<font face=”Arial”>Deze tekst is in het lettertype Arial</font>

Ook hier kunnen we een combinatie doen van de parameters die we reeds hebben geleerd:

<font color="#FF0000" size="7" face="Arial">Grote rode tekst in lettertype Arial</font>

Er zijn een 6-tal lettertypen waaruit u kan kiezen, waarbij u betrekkelijk zeker van bent dat de bezoeker ook het betreffende lettertype op zijn computer heeft staan. Want als je een lettertype kiest, dat de andere bezoeker niet geïnstalleerd heeft, zal uw website er helemaal niet mooi uitzien.

Om zeker ervan te zijn dat de bezoeker steeds het lettertype goed ziet, geef je in de parameter face="" niet één lettertype mee, maar geef je verschillende lettertypes mee, gescheiden van elkaar door een komma (,).
Als de bezoeker het eerste lettertype niet heeft, gebruikt deze het tweede, en gaat zo het rijtje af totdat die een lettertype tegenkomt dat de bezoeker wél heeft.

Dit zijn de 6 meestgebruikte reeksen van lettertypes:

  • face="Arial, Helvetica, sans-serif"
  • face="Times New Roman, Times, serif"
  • face="Courier New, Courier, mono"
  • face="Georgia, Times New Roman, Times, serif"
  • face="Verdana, Arial, Helvetica, sans-serif"
  • face="Geneva, Arial, Helvetica, sans-serif"

Probeer ze maar uit en kijk welke je zelf het mooiste vind.

We maken onze titel een afwijkend lettertype:

<html>
<head>
<title>Mijn persoonlijke website</title>
</head>
<body bgcolor="#99CCFF" text="#0000FF">
<h1><font color="#000000" face="Courier New, Courier, mono" >Mijn persoonlijke website</font></h1>
<p>U bent hier beland op mijn persoonlijke website!</p>
<h2><font color="#000000">Beginpagina</font></h2>
<p>U bent op de <u>beginpagina</u> van mijn <u>persoonlijke website</u>, van hieruit kan u naar de rest van mijn website surfen.</p>
<h3><font color="#000000">Welkom</font></h3>
<p>Ik heet u van harte welkom op mijn website. Veel plezier op deze site, <i>en kom nog eens een keertje terug</i>!</p>
<p align="right"><font size="1">Deze website wordt regelmatig bijgewerkt.</font></p>
<p>Op mijn <b>persoonlijke website</b> kan je heel wat informatie vinden over mijzelf, en mijn interesses.</p>
<ul>
  <li>Over mijzelf</li>
  <li>Over mijn hobbies
      <ol>
        <li>Fotografie</li>
        <li>Website's maken</li>
      </ol>
    </li>
  <li>Enkele links</li>
</ul>
</body>
</html>

Klik hier om de voorbeeldpagina te zien

Klik hier om naar hoofdstuk 9 verder te gaan.