什麼是 Cufon
Cufon 是一個用來替代 sIFR 框架,
實現在網頁中對文字字型進行渲染功能的純 JavaScript 開源類庫(cufon-yui.js)。
為什麼要使用 Cufon
在web開發中,經常面對的一種“衝突”,即“字型(Font Family)衝突”。
通常的這一衝突總是爆發於 Web 頁面的設計者(Designer)和開發者(Coder)之間。在很多場合下,Web 頁面的設計者都會傾向於在他們的頁面設計稿中,為文字附加使用一些“特殊”的字型和特效,以此來展示他們卓越的設計能力。比如設計一個公司的Logo,圖片上的一些特殊字型是從ps字型檔中調出的,當然這些文字在圖片上顯示肯定是沒有問題的,但是如果要在網頁中用文本來顯示這些效果,就是會讓開發人員抓狂了,因為瀏覽器並不支持所有的字型,這種情況Cufon就會大顯身手了。
類似的解決方案
1.通過 CSS3 標準下的 @font-face 屬性來指定和引入非預設字型
2.使用cufon-yui.js庫進行渲染
3. 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 等,來進行頁面的繪畫。