Cufon 
Cufon is used by 0.06% of sites
Official Website
http://cufon.shoqolate.comCategory
Font Scripts
Cufon is a JavaScript-based font replacement technique that allows you to use custom fonts on websites by converting them into a format that can be rendered as images using HTML canvas or VML (Vector Markup Language) in older versions of Internet Explorer.
Here's how Cufon works:
Font Conversion: First, you need to convert your desired custom font into a format supported by Cufon. This is typically done using the Cufon Font Generator, a tool that converts TrueType or OpenType font files into a JavaScript file containing the font data.
JavaScript Integration: Once the font is converted, you include the generated JavaScript file in your web page. This file contains the font data and the necessary JavaScript functions to replace the text elements with the custom font.
Text Replacement: After including the Cufon JavaScript file, you specify which elements on your web page should be replaced with the custom font. This is typically done by applying CSS selectors to target specific elements or classes.
Rendering: When the web page loads, Cufon replaces the targeted text elements with images rendered using the custom font. The images are generated dynamically using HTML canvas or VML and are displayed in place of the original text. This allows the custom font to be used even if the user doesn't have it installed on their system.
Cufon offers advantages such as improved typographic flexibility and consistency across different browsers and operating systems. It also provides better control over typography and allows the use of unique and custom fonts that may not be widely available.
However, it's worth noting that Cufon has some limitations and considerations:
Performance: Cufon relies on generating and rendering images for text, which can impact performance, especially on pages with large amounts of text. It may lead to longer load times and slower rendering compared to using standard web fonts.
Accessibility and SEO: Since Cufon replaces text with images, it can potentially affect accessibility for visually impaired users who rely on screen readers. Additionally, search engines may have difficulty indexing text rendered as images, impacting SEO.
Compatibility: Cufon requires JavaScript and HTML canvas support in the browser. While it works in most modern browsers, older or less common browsers may not support it fully or at all. Additionally, some mobile devices may have limited support for Cufon.
License and Copyright: It's essential to ensure that you have the appropriate licenses and rights to use and distribute the custom fonts you convert and include with Cufon.
Due to these limitations and advancements in web font technologies like CSS3 @font-face, Cufon has become less popular in recent years. Developers often prefer using web fonts directly through CSS for better performance, accessibility, and search engine friendliness.
Here's how Cufon works:
Font Conversion: First, you need to convert your desired custom font into a format supported by Cufon. This is typically done using the Cufon Font Generator, a tool that converts TrueType or OpenType font files into a JavaScript file containing the font data.
JavaScript Integration: Once the font is converted, you include the generated JavaScript file in your web page. This file contains the font data and the necessary JavaScript functions to replace the text elements with the custom font.
Text Replacement: After including the Cufon JavaScript file, you specify which elements on your web page should be replaced with the custom font. This is typically done by applying CSS selectors to target specific elements or classes.
Rendering: When the web page loads, Cufon replaces the targeted text elements with images rendered using the custom font. The images are generated dynamically using HTML canvas or VML and are displayed in place of the original text. This allows the custom font to be used even if the user doesn't have it installed on their system.
Cufon offers advantages such as improved typographic flexibility and consistency across different browsers and operating systems. It also provides better control over typography and allows the use of unique and custom fonts that may not be widely available.
However, it's worth noting that Cufon has some limitations and considerations:
Performance: Cufon relies on generating and rendering images for text, which can impact performance, especially on pages with large amounts of text. It may lead to longer load times and slower rendering compared to using standard web fonts.
Accessibility and SEO: Since Cufon replaces text with images, it can potentially affect accessibility for visually impaired users who rely on screen readers. Additionally, search engines may have difficulty indexing text rendered as images, impacting SEO.
Compatibility: Cufon requires JavaScript and HTML canvas support in the browser. While it works in most modern browsers, older or less common browsers may not support it fully or at all. Additionally, some mobile devices may have limited support for Cufon.
License and Copyright: It's essential to ensure that you have the appropriate licenses and rights to use and distribute the custom fonts you convert and include with Cufon.
Due to these limitations and advancements in web font technologies like CSS3 @font-face, Cufon has become less popular in recent years. Developers often prefer using web fonts directly through CSS for better performance, accessibility, and search engine friendliness.
Top Websites using Cufon
- Bounce ratePages / VisitVisit duration
- 601greenalp.com
greenalp.com
Welcome to Real-Time GPS Tracker. Show your location while you are travelling or doing some outdoor activities. - n/a 2.20 n/a
- 602czdirect.nl
CZDirect - n/a 3.70 n/a
- 603navegandonaweb.com
- n/a 1.40 n/a
- 604warranbrooke.com.au
Warranbrooke - 1.17 33.54 22:16
- 605redelink.net
- n/a 3.30 n/a
- 606madoera.info
- n/a 1.38 n/a
- 607betterbizvideo.com
- n/a 10.00 n/a
- 608hiremagentodeveloper.com
Magento Solution Partner: Magento Web development Company
Hiremagentodeveloper: A Magento Solution Partner & Leading Magento Web Development Company providing Magento Solutions In Design, Theme, integration and Customization for your Magento Needs. - n/a 6.00 n/a
- 609920mm.com
- n/a 3.40 n/a
- 610nid.gov.ly
مشروع الرقم الوطني - n/a 3.74 n/a
- 611clubmeridional.com
- n/a 5.00 n/a
- 612statspotting.com
statspotting.com
statspotting.com - n/a 5.90 n/a
- 613oscteam.fr
- n/a 1.80 n/a
- 614oscsolutions.net
- n/a 1.80 n/a
- 615osconholidays.com
- n/a 1.80 n/a
- 616aprendewordpress.net
- n/a 3.80 n/a
- 617mejoresplantillasgratis.es
Plantillas web | Plantillas web Gratis | Plantillas web Gratuitas
Plantillas web gratis - ¡Descargue Ahora! Plantillas Gratis y Plantillas superiores para su negocio en línea o sitio web personal. Soporte 24 horas por Live Chat. - n/a 4.40 n/a
- 618kordonweb.net
KORDONWEB Web tasarım, hosting ve domain | KORDON WEB
KordonWeb; Website Tasarımı ve Internet Hizmetleri konusunda çözüm üreten bir firmadır. Hizmetlerimiz arasında web site tasarımı, domain ve hosting hizmetleri, arama motorlarına kayıt ve ileri düzey web programlama gelmektedir - n/a 18.00 n/a
- 619gotofreegames.com
Go to free games: puzzles, cards games, jigsaw puzzles
Free Games: Solve puzzles, play memory game or multiple versions of solitaire or piece together jigsaw puzzles of nature, animals, cartoons and space - n/a 2.00 n/a
- 620moonspeed.info
- n/a 8.00 n/a
- 621sykon.pl
- n/a 8.00 n/a
- 622thesum.ca
- n/a 2.80 n/a
- 623ayersservice.com
Siding service in Fort Collins, CO by Ayers Home Repair
Ayers Home Repair is a trustworthy siding service provider in Fort Collins, CO. Trust in our professionalism and get a reliable service at (970) 690-0441! - n/a 20.00 n/a
- 624aosmd.com
- n/a 4.00 n/a
- 625vazapi.com
- n/a 4.00 n/a
- 626christysdogportal.com
- n/a 3.80 n/a
- 627hostbluff.com
HostBluff - Super SEO Web Hosting
HostBluff - Super SEO Web Hosting - n/a 3.00 n/a
- 628iaosb.org.tr
- n/a 2.80 n/a
- 629coquitlam.ca
Official city site. Includes information on muni***l government, transportation, employment, leisure activities, schedules, community services, and parks.
City of Coquitlam. Official city site. Includes information on muni***l government, transportation, employment, leisure activities, schedules, community services, and parks. - 54.38 3.50 02:37
- 630konradcaminhoes.com.br
- n/a 9.00 n/a
- 631creativisibility.com
- n/a 9.00 n/a
- 632odysseymediagroup.com
- n/a 9.00 n/a
- 633cuartostudio.com
- n/a 9.00 n/a
- 634mtbass.com
- n/a 9.00 n/a
- 635imoprestige.com
- n/a 9.00 n/a
- 636tgrt-fm.com.tr
- n/a 3.00 n/a
- 637bisnis77.com
- n/a 7.00 n/a
- 63895105991.com
- n/a 6.00 n/a
- 639buyblacktoasterovens.com
- n/a 6.00 n/a
- 640rotwild.de
- n/a 7.80 n/a
- 641asakuma.co.jp
- n/a 3.60 n/a
- 642alli-n-son.com
- n/a 1.60 n/a
- 643lorddomain.ru
- n/a 16.00 n/a
- 644centrehifi.com
Accueil - Centre Hi-Fi
Accueil - Centre Hi-Fi - n/a 3.50 n/a
- 645mcxt.ru
- n/a 2.50 n/a
- 646global.gr
The Leader Web Hosting Provider in Greece, Internet Services, Low Cost Web Hosting Services, Web Presence Solutions, Reseller Program, Virtual Servers
The Leader Web Hosting Provider in Greece, Internet Services, Low Cost Web Hosting Services, Web Presence Solutions, Reseller Program, Virtual Servers - n/a 2.70 n/a
- 647hitarttirma.com
- n/a 4.60 n/a
- 648techieblogger.com
Techie Blogger - resource portal for web designers and web developers
Techie Blogger is a resource portal for web designers and web developers. Techie Blogger aims to provide all sorts of design tools and resources like fonts , plug-ins , tutorials , best of web , typography, logos, web designs, wordpress themes , etc - n/a 1.65 n/a
- 649brewerassociates.com
- n/a 4.60 n/a
- 650listbuildingpowerpack.com
- n/a 1.04 n/a