Misschien uit onverwachte hoek is er ook sinds mei 2010 een oplossing van Google, de Google Font Directory. Zodoende kun je met behulp van Google eenvoudig speciale lettertypes gebruiken die werken in vrijwel alle bekende browsers waaronder Internet Explorer 6. De Font Directory bevat allerlei standaard lettertypes, het kan dus wel zijn dat je gewenste font hier niet te vinden is. Er worden wel steeds nieuwe fonts toegevoegd.
Browsers
De browsers die de speciale fonts kunnen tonen zijn:
- Google Chrome: 4.249.4 en hoger
- Firefox: 3.5 en hoger
- Safari: 3.1 en hoger
- Internet Explorer: 6 en hoger
Lettertypes gebruiken
Het gebruik van een lettertype is bijzonder eenvoudig. Eerst zoek je dus een lettertype uit in de font directory van Google. Na het klikken erop krijg je een voorbeeld te zien op dezelfde manier als dat je een lettertype opent in Windows. De bijbehorende code om gebruik te maken van een lettertype staat op het tabblad 'Get the code'. Dit gaat als volgt:
Als eerste plak je de onderstaande code in het gedeelte van je website (in dit geval het font Reenie Beanie).
In je CSS bestand definieer je vervolgens de koppen, bijvoorbeeld de H1.
h1 { font-family: 'Reenie Beanie', arial, serif; }
En dan ben je eigenlijk al klaar en kan de verdere opmaak van de tekst bepaald worden in het CSS bestand. Zodoende wordt het dus bijzonder eenvoudig om specifieke lettertypes te gebruiken. Je bent niet beperkt tot één lettertype maar je kunt meerdere lettertypen aanroepen en gebruiken. Lettertypes worden dan gescheiden door een |.
CSS 3 features zoals text shadows worden overigens ook ondersteund.
De onderstaande regel is bijvoorbeeld voorzien van een speciaal lettertype (ook selecteerbaar). Het voordeel van de bovenstaande manier is dat het eenvoudiger te implementeren is vergeleken met sIFR of Cufon maar beperkt is qua lettertypen.
Lorem Ipsum
Geen opmerkingen:
Een reactie posten