cufon，在网页上画出特殊字体
生活随笔
收集整理的這篇文章主要介紹了
cufon，在网页上画出特殊字体
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
為什么80%的碼農都做不了架構師？>>> ??
設計師們有時會使用特殊字體讓網頁更好看，但瀏覽器通常只支持Arial、Helvetica等通用字體。那么通常的解決辦法就是將特殊字體做成圖片。如果要動態生成文字內容怎么辦？那也許只有使用CSS3的@font-face功能了……等下！其實還有cufon這個工具，可以幫我們在網頁上”畫”出特殊字體。
cufon的原理是將TTF字體轉換成JavaScript代碼，然后在需要特殊字體的地方創建一個<canvas>元素，將字體畫出來。效果如下：
使用方法也很簡單，只需訪問cufon，點擊Download下載cufon-yui.js(目前版本為1.09i)。再點擊Generator，上傳你的字體文件，即可得到轉換后的js文件（假設文件名為yourfont.font.js）。
然后在代碼里引入這兩個js文件，再寫一點簡單的代碼：
<head> <script src="cufon-yui.js"></script> <script src="yourfont.font.js"></script> <script> Cufon.replace('h1', { color: '#333', textShadow: '2px 2px #ddd' }); </script> </head>
這樣h1的內容就被替換成了所需的字體。
更詳細的討論可以參考使用Cufon渲染網頁字體。
轉載于:https://my.oschina.net/cimu/blog/164756
總結
以上是生活随笔為你收集整理的cufon，在网页上画出特殊字体的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 全新哈弗 H5 首批量产车下线，采用 2
- 下一篇： 马斯克今年财富增长超1000亿美元 有钱