Login
Uw huisstijllettertype SEO online met @font-face!
Geplaatst op 31 2010 in de categorie Online innovatieEen lange periode is er gebruik gemaakt van zogeheten SEO Hacks om een custom font online te hebben. Dit zijn veelal JavaScript oplossingen die ervoor zorgen dat een H1, H2 of speciale link omgezet worden naar SWF of een afbeelding. Maar dit is, gelukkig, verledentijd.
Binnen CSS bestaat er de eigenschap @font-face. Hiermee is het mogelijk een font in te sluiten en als font-family toe te voegen. Hiermee krijg je de mogelijkheid om je custom font waar dan ook zichtbaar te maken.
Deze oplossing is helaas niet 100% compatible met iedere browser of device, maar dit waren de SEO Hacks ook al niet. Het zal een kwestie van tijd zijn totdat de toepassing overal functioneert.
Enkele voordelen van @font-face
- geen javascript of flash meer nodig
- zoekmachine vriendelijk
- voor titels en body tekst
- CSS eigenschappen
Er is wel 1 “probleem” – je font moet deze oplossing wel toestaan (bijv. via een licentie)
Font Squirrel
Gelukkig bestaat hiervoor Font Squirrel. Op deze website is een lijst met fonts beschikbaar die gratis commercieel in te zetten zijn. Daarnaast biezen ze ook een @font-face generator aan om meteen een kit met alle nodige formaten van je gelicencede types te maken.