Toch “niet-web-safe” lettertypen gebruiken.
Posted: Sat May 28, 2011 10:53 am
Je kent het wel, een lettertype dat je wilt gebruiken blijkt niet zo web-safe. Op je lokale installatie ziet het er prachtig uit maar als je het bij de buurman bekijkt, zie je alleen maar ‘saaie’ websafe lettertypes.
Toch kan het anders (maar eigenlijk kon het al een tijdje)
Oplossing 1
Gebruik de Google Font API. Je kunt hier kiezen uit verschillende lettertypes. Deze kun je in de “Previewer” helemaal style zoals jij het wilt! (spacing, schaduwen etc.) Als je klaar bent hoef je alleen nog maar de gegenereerde link en stylesheet te importeren in je site en … voilá … het lettertype is overal zichtbaar …. (Zolang Google online is en deze dienst aan blijft bieden…)
Kijk hier: http://code.google.com/intl/nl/apis/webfonts/
Oplossing 2
Wil je volledige controle hebben, dan ga je zelf lettertypen installeren op je server. Klinkt ingewikkeld maar is het niet.
Maak een directory [fonts] o.i.d. aan en je bent al een heel eind.
Kies je true-type lettertype uit en upload het in de Fonsquirell generator. Deze generator creëert verschillende versies van je lettertype zodat het cross-browser compatibel is. Je krijgt alles netjes in een zip aangeleverd en de documentatie is zo duidelijk dat je dit zo kun implementeren.
De Fonts zet je in je net aangemaakte directory en je stylesheet pas je aan … tadaaa, klaar!
http://www.fontsquirrel.com/fontface/generator
Je kunt ook nog even verder bij Fonsquirell kijken of je lettertype er al niet toevallig bijstaat.
http://www.fontsquirrel.com/fontface
Toch kan het anders (maar eigenlijk kon het al een tijdje)
Oplossing 1
Gebruik de Google Font API. Je kunt hier kiezen uit verschillende lettertypes. Deze kun je in de “Previewer” helemaal style zoals jij het wilt! (spacing, schaduwen etc.) Als je klaar bent hoef je alleen nog maar de gegenereerde link en stylesheet te importeren in je site en … voilá … het lettertype is overal zichtbaar …. (Zolang Google online is en deze dienst aan blijft bieden…)
Kijk hier: http://code.google.com/intl/nl/apis/webfonts/
Oplossing 2
Wil je volledige controle hebben, dan ga je zelf lettertypen installeren op je server. Klinkt ingewikkeld maar is het niet.
Maak een directory [fonts] o.i.d. aan en je bent al een heel eind.
Kies je true-type lettertype uit en upload het in de Fonsquirell generator. Deze generator creëert verschillende versies van je lettertype zodat het cross-browser compatibel is. Je krijgt alles netjes in een zip aangeleverd en de documentatie is zo duidelijk dat je dit zo kun implementeren.
De Fonts zet je in je net aangemaakte directory en je stylesheet pas je aan … tadaaa, klaar!
http://www.fontsquirrel.com/fontface/generator
Je kunt ook nog even verder bij Fonsquirell kijken of je lettertype er al niet toevallig bijstaat.
http://www.fontsquirrel.com/fontface