Cufon

通常的這一衝突總是爆發於 Web 頁面的設計者（Designer）和開發者（Coder）之間。在很多場合下，Web 頁面的設計者都會傾向於在他們的頁面設計稿中，為文字附加使用一些“特殊”的字型和特效，以此來展示他們卓越的設計能力。

基本介紹

• 外文名：Cufon
• 作用：替代 sIFR 框架
• 實現：網頁中對文字字型進行渲染功能
• 類型：純 JavaScript 開源類庫

基本信息

什麼是 Cufon

Cufon 是一個用來替代 sIFR 框架，

實現在網頁中對文字字型進行渲染功能的純 JavaScript 開源類庫(cufon-yui.js)。

為什麼要使用 Cufon

在web開發中，經常面對的一種“衝突”，即“字型（Font Family）衝突”。

比如設計一個公司的Logo，圖片上的一些特殊字型是從ps字型檔中調出的，當然這些文字在圖片上顯示肯定是沒有問題的，但是如果要在網頁中用文本來顯示這些效果，就是會讓開發人員抓狂了，因為瀏覽器並不支持所有的字型，這種情況Cufon就會大顯身手了。

類似的解決方案

通過 CSS3 標準下的 @font-face 屬性來指定和引入非預設字型

使用cufon-yui.js庫進行渲染

Google font 或者 Google API

所支持瀏覽器

Cufon	IE（≥ 5） Firefox（≥ 1.5）Opera（≥ 9.5）Safari（≥ 3）Google Chrome（≥ 1.0）
@font-face	IE（≥ 4，僅支持 OpenType）Firefox（≥ 3.5） Opera（≥ 10.0） Safari（≥ 3.1）

Cufon實現原理初探及套用

Cufon 技術的實現策略其實就是以一定標準，在網頁相關位置上“畫”出了所需要顯示的文字字元，並同時替換原先區域所需要顯示的文字。

藉助於瀏覽器所推出的專有頁面繪畫方案，如 VML、Canvas 和 SVG 等，來進行頁面的繪畫。