Alternatief (websafe) font font definieren voor Google Webfont

[Ed121212]

Hallo,

Met Google Webfonts (www.google.com/webfonts) kun je een bijzonder lettertype op je website gebruiken. In principe is dat font altijd online/beschikbaar, maar het lijkt me verstandig om toch een alternatief *websafe* font te definieren.

Voorbeeld:
font-family: 'Tangerine', serif ; /* Google Webfont: Tangerine */
font-size:20px;

Nou valt me op dat de default lettergrootte van een google webfont (Tangerine) sterk verschilt met dat van het websafe font (serif). Met het websafe font zou de website er heel anders ('lelijk') uit zien.

Hoe kan ik ervoor zorgen dat de fontsize van het websafe font ongeveer even groot is als het Google Webfont??
Noot: font-size-adjust schijnt alleen in Firefox te werken.

 

[pum]

De default grootte van elke browser is 16px; font-size: 100%;

Voor zover ik weet gaat hij altijd daar vanuit. Ikzelf werk nooit met online font (bijvoorbeeld dat van Google) misschien is dat lettertype standaard wel gewoon groter, je kunt het eens proberen met font-size:100% in de body; geen idee of dit werkt.

ik gebruik vaak:
http://www.fontsquirrel.com/fontface/generator

hiermee kun je je eigen font (maakt niet uit welk font) genereren en is dit crossbrowser.

 

[Ed121212]

Hi PUM,
Bedankt voor de tip!