Cufon is een tekstvervangende javascript-bibliotheek. Het is niet gerelateerd aan sIFR in codebase, maar bereikt hetzelfde zonder de noodzaak van Flash-bestanden. Het instellen duurt ongeveer 5 minuten en u hoeft het daarna niet meer aan te raken. Het kan niet eenvoudiger en het kan een grote impact hebben op de manier waarop uw website eruitziet.
Hoe het werkt
De eerste stap is om je lettertype in te dienen via de Cufon-website. Ze verwerken het lettertype in een SVG-lettertype (schaalbare vectorafbeeldingen). Vervolgens worden de paden verwerkt tot VML (vector markup language), 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 zodat Cufon de tekst kan vertalen in het lettertype van uw keuze.
Voeg vervolgens zowel het bestand cufon-yui.js als het gegenereerde JavaScript-bestand van het lettertype toe. Last is gewoon tekst in een klas inpakken, en een Cufon-vervanging rond die klassennaam initiëren. Volledige code hieronder:
$ (document) .ready (function () {Cufon.replace ('. molot');}); Dit is tekst in het Molot-lettertype Resulteert in:
Dit is tekst in het Molot-lettertype
Cufon Lineheight
Er is een bekend probleem met alle browsers met regelhoogte die waarschijnlijk niet zal worden gerepareerd
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 anderszins kortstondige bliep die kan optreden wanneer de pagina wordt geladen en het lettertype wordt geladen.
Cufon.now ()
IE9 Problemen
Vanaf dit bericht waren er enkele problemen met bepaalde versies van IE9, ik weet dat ze eraan werkten om ze te verhelpen en ik hoop binnenkort een release uit te brengen om deze problemen op te lossen.
