Cufón als alternatief voor sIFR

Geplaatst op 28-04-2010

Cufón is een methode die gebruikt kan worden om elk willekeurig lettertype weer te geven op een website. Tot nu toe was sIFR een veelgebruikte oplossing, maar dit bracht meerdere nadelen met zich mee. Cufón lijkt een interessant alternatief voor sIFR.

Cufón is een methode die gebruikt kan worden om elk willekeurig lettertype weer te geven op een website. Tot nu toe was sIFR een veelgebruikte oplossing, maar dit bracht meerdere nadelen met zich mee. Cufón lijkt een interessant alternatief voor sIFR.

Webdesigners die meer willen dan alleen de standaard weblettertypen, zullen al kennis hebben gemaakt met sIFR; afkorting voor Scalable Inman Flash Replacement. Zoals uit de naam al blijkt, wordt er gebruik gemaakt van Flash om een lettertype weer te geven.

Beperkingen van sIFR

De sIFR methode is functioneel, voor bijv. titels en korte zinnen, maar heeft als nadeel dat de gebruiker een Flash-plugin nodig heeft. Bovendien is de toepassing van sIFR niet al te snel en simpel, onder andere door beperkingen voor de opmaak. Door de verschillende nadelen is sIFR altijd een beetje omstreden gebleven.

De oplossing: Cúfon?

Als reactie hierop, is de nieuwe methode Cufón ontworpen. Cufón maakt gebruikt van een generator, die het lettertype (bijv. TTF of OTF)  omzet naar een SVG-font. Deze informatie wordt via VML (Vector Markup Language) omgezet naar een script van JSON gecombineerd met JavaScript.

Webdesigners hoeven maar een paar stappen te doorlopen om Cufón toe te passen: 
• Het font omzetten naar JSON/JavaScript met behulp van de generator
• De laatste versie van het Cúfon-script downloaden
• Een verwijzing naar deze twee JS-bestanden in de <head>-sectie van de pagina plaatsen
• Met één regel JavaScript aangeven welke tekst vervangen moet worden

Cufón wordt door de meest gebruikte browsers ondersteund. Om deze reden, en door de simpele toepassing, is de kans groot dat Cúfon de vervanger gaat worden van sIFR.  Een andere oplossing, Typeface, toont veel vergelijkingen met Cufón, maar biedt (nog) geen ondersteuning voor Internet Explorer 8.

Cúfon in combinatie met @font-face

Ondertussen wordt er ook volop getest met combinaties van Cufón en @font-face, de CSS3 oplossing die helaas voor een beperkt aantal browsers werkt. Deze combinatie zullen we waarschijnlijk vaker gaan tegenkomen op het web.

Downloads en meer informatie over de werking van Cufón zijn te vinden op http://cufon.shoqolate.com
 

Terug naar de vorige pagina

Bouw van uw website uitbesteden? Vraag een offerte aan →

Webdevelopment vereenvoudigen

MS vereenvoudigt webdevelopment met virtuele machine Lees het volledige bericht

Innovatieve techniek gespot?

Wij staan altijd open voor suggesties Lees het volledige bericht