[CSS] Meerdere lettertypen een andere grootte geven

[Spinal]

Hallo,
ik gebruik op dit moment de volgende CSS code:

Cascading Stylesheet:

H1 {
    font-family: Onyx, Tahoma, Verdana, Arial, sans-serif, serif;
    color: #C08B0B;
    font-size: 45px;
    font-weight: normal;
}

Dit werkt zoals het hoort, maar Onyx is niet echt een veelgebruikt lettertype. Als de gebruiker dit niet heeft wordt dus teruggevallen op Tahoma, Verdana of Arial.
Onyx is echter een iets kleiner (lager) lettertype dan Tahoma, Verdana en Arial, en dus wordt een header in die lettertypen te groot.
Is het mogelijk per lettertype een grootte in te stellen?
In de CSS documentatie kon ik niet vinden hoe dit moet, en ook hier op GoT vond ik niks wat op mijn probleem lijkt.

Alvast bedankt.

[André]

Nee, dit kan niet

Want je kunt niet detecteren of een client een lettertype ondersteund of niet. Eventueel kun je je lettertype bij je pagina includen:
[search=eot]

[Spinal]

Daar was ik al bang voor
In theorie kan ik het lettertype wel includen, maar dan kan ik het lettertype misschien wel makkelijker ter download aanbieden, en aangezien het een commercieël lettertype is worden de mensen van Monotype Corporation dan vast niet blij

[André]

Alleen begrijp ik het niet helemaal: 45px is 45px, dan is het wel een raar lettertype dat ie anders weergegeven word.

[Tonio]

Sowieso vind ik het een beetje onzin om zo'n weinig gebruikt font op een site te gebruiken, de kans is zo klein dat een bezoeker dat font heeft, dat je net zo goed het kunt laten imo

[André]

Er schiet me ineens wat te binnen: je kunt met JS wel font-checken. Zet in een hidden div een letter en check de breedte daarvan. Is de breedte bijvoorbeeld 13px dan is het Onyx en anders Tahoma Daarna kun je simpel met JS de font-size aanpassen.

[Spinal]

André schreef op zaterdag 28 mei 2005 @ 21:17:
Alleen begrijp ik het niet helemaal: 45px is 45px, dan is het wel een raar lettertype dat ie anders weergegeven word.

Klopt, ik heb het even nagekeken en het is wel 45px. Het lijkt alleen kleiner omdat het smaller is.

Ik zal eens even met JS gaan knutselen, bedankt voor de tip

[ Voor 3% gewijzigd door Spinal op 28-05-2005 21:36 ]

[Verwijderd]

Wat U wel kunt doen is SIFR gebruiken

http://www.mikeindustries.com/blog/archive/2004/08/sifr

[Verwijderd]

Betere link: http://mikeindustries.com/sifr/

[Spinal]

Klinkt interessant, ook dat zal ik eens goed doorlezen Bedankt!


Wauw... ik heb net eens even het voorbeeld bekeken, als dat net zo goed in de andere browsers werkt als in Opera is dit zeker een mooie oplossing!

[ Voor 62% gewijzigd door Spinal op 29-05-2005 22:54 ]