home  :: Home/Artikels/Webdesign enzo/Webdesign grafisch/Webveilige fonts – HTML, CSS en alternatieven

Webveilige fonts – HTML, CSS en alternatieven

Pagina 1 van 5
 1 |2|3|4|5| volgende»
door: Joriso 

fonts

Verwonderlijk is dat voor het op HTML en CSS gebaseerde deel van het internet de ondersteuning voor weergave van andere dan standaard fonts (zoals Arial en Times New Roman) nog erg onderontwikkeld is.

Het aantal fonts dat als 'webveilig' gekenmerkt kan worden is klein.

Webveilig betekent voor een font dat deze zo wijdverspreid is dat de kans dat een bezoeker van een webpagina deze niet op z'n computer geinstalleerd heeft erg klein is. De volgende fonts kunnen alszodanig worden gekenmerkt:

  • Times New Roman (serif font) - default serif font voor webbrowsers (Times voor Mac)
  • Arial (sans serif font) - geïntroduceerd met Windows 3.1 (Helvetica voor Mac)
  • Verdana (sans serif font) - geïntroduceerd met Internet Explorer 3
  • Georgia (serif font) - geïntroduceerd met Internet Explorer 4
  • Courier, Courier New (sans serif font) - ouderwetse typemachine fonts
fonts

Hoewel de lijst op basis van preciezere font statistieken uiteraard kan worden uitgebreid, moet benadrukt worden dat het gebruiken van minder 'webveilige fonts' op html pagina's geen serieuze problemen oplevert. Indien niet aanwezig wordt de font gewoon vervangen door een ander.

Font-family’s – CSS en HTML

Met het CSS atribuut 'font-family', of de 'font face' specificatie in HTML, kan men aangeven welk type font de voorkeur heeft bij weergeven van een stuk tekst op een html pagina.

Font-family (css) en font face (html) bepalingen kunnen niet meer dan een voorkeur font aangeven. Indien de aangegeven voorkeurfont niet als font geïnstalleerd is op de computer van de bezoeker, kan de font door diens browser niet worden weergegeven. Als de browser de aangegeven font niet vindt in de font archieven van de computer zal deze automatisch een alternatieve font kiezen.

Daarom is het een goede gewoonte bij font family of font face specificaties meer dan één font te suggereren, ofwel een lijst van fonts aan te geven (in volgorde van voorkeur).

 

Voorbeeld CSS font family

<span style="font-family:Times New Roman, Times, serif">font</span>

font

<span style="font-family:Verdana, Arial, sans-serif">font</span>

font

 

Voorbeeld HTML font face

<font face="Courier New, Courier, mono, serif">font</font>

font

<font face="Verdana, Arial, Helvetica, sans-serif">font</font>

font
Pagina 1 van 5
 1 |2|3|4|5| volgende»

Commentaar toevoegen:
Naam:
Link:(niet verplicht)
Commentaar:
<-- code:
  

Pagina's in dit artikel:
pagina 1
Webveilige fonts – HTML, CSS en alternatieven



Gerelateerde Artikels :
grafisch:
Webveilige fonts – HTML, CSS en alternatieven

Snel zoeken:



Krab met Tutu
40 Euro

Toevallig
passerende
cartoon
:



Nieuwste links:


All content copyleft 2008 Joris Osterhaus - www.hardcode.nl