Cufón Font Replacement

  • Written by Luke /
  • Posted May 13th /
  • Go Back

As you can probably see Vivoo Digital has used font replacement for all H tags…

So what is Cufón and how does it work?

Every medium has constraints. For print, there are things like size, ink density, and paper quality. For video, even the best available HDTV only musters up about 2.1 megapixel resolution (HD 1080p is 1920 pixels by 1080 pixels). On the Internet, those constraints can be things like bandwidth, screen size, or—today’s topic—fonts.

Every computer has some number of fonts installed. The most common of these are generally referred to as “web safe,” meaning you can be pretty sure that if you specify one of these common fonts in your CSS or HTML, the person who visits your page will see the font face you defined. But this can be limiting. What if you want a custom font that almost no one will have installed?

Helsinki, Finland-based web guru, Simo Kinnunen developed a solution to web font replacement called Cufón. The solution requires you to convert a standard True Type (TTF), Open Type (OTF), Pointer Font Binary (BFP), or PostScript font file into a proprietary scalable vector graphic (SVG) font format. The SVG file is then converted to vector markup language (VML), which is an application of XML that browsers can use to display (draw) images. Next, the VML is converted to JavaScript Object Notation (JSON) and JavaScript functions, so that it can be embedded in a web page using a simple

Post to Digg Post to StumbleUpon

Leave a Reply