Cufon is een javascriptbibliotheek voor tekstvervanging. Het staat los van sIFR in codebase, maar bereikt hetzelfde zonder Flash-bestanden. Het instellen duurt ongeveer 5 minuten en u hoeft het dan niet meer aan te raken. Het kan niet eenvoudiger en het kan een grote impact hebben op het uiterlijk van uw website.
Hoe het werkt
De eerste stap is om uw lettertype in te dienen via de Cufon-website. Ze verwerken het lettertype tot een SVG-lettertype (schaalbare vectorafbeeldingen). Vervolgens worden de paden verworven verwerkt tot VML (vector-opmaaktaal), wat de snelheid van Cufon in IE aanzienlijk verhoogt. De resulterende gegevens worden vervolgens gecodeerd in JSON en doorgegeven aan een door Cufon gedefinieerde functie voor verwerking, en dat is waar de magie gebeurt.
Cufon-voorbeelden
Ga eerst naar de Cufon-website en dien uw lettertypebestand in voor verwerking. Het spuugt een .js-bestand uit dat u kunt downloaden. U moet dit bestand hebben om Cufon de tekst te laten vertalen in het lettertype van uw keuze.
Voeg vervolgens zowel het bestand cufon-yui.js als het gegenereerde javascript-bestand met het lettertype toe. Last is gewoon wat tekst in een klasse wikkelen en een Cufon-vervanging rond die klassenaam initiëren. Volledige code hieronder:
Dit is tekst in het lettertype Molot
Resulteert in:
Dit is tekst in het lettertype Molot
Cufon Lineheight
Er is een bekend probleem met alle browsers met lijnhoogte dat waarschijnlijk niet zal worden opgelost
Cufon.now ()
Het wordt aanbevolen om voor een betere kijkervaring op IE de functie Cufon.now () te gebruiken vlak voor de body-tag. Dit zorgt voor een anders tijdelijke blip die kan optreden wanneer de pagina wordt geladen en vervolgens het lettertype wordt geladen.
