ccs3中icon轉換為字型的方法

標籤：style   blog   http   color   sp   on   檔案   2014   log   

小表徵圖轉換為字型有幾大優點

1. 檔案小，一般50k以內
2. 避免了載入多個icons，減少了載入次數，有利於頁面最佳化。
3. 相容性很好，可以隨便放大縮小，都能正常顯示。
4. 維護起來也很簡單，只用找到這個字型檔（比如.ttf檔案），修改裡面的某個表徵圖即可。

製作方法

　　首先，用ps或直接用向量圖軟體製作單個icon，製作好後儲存為ttf格式，

　　faq.ttf

　　然後，開啟字型編輯器，比如FontCreator，建立字型myfonts。

　　

　　

　　需要添加一個字型，可以右擊——>插入，然後“匯入映像”，即做好的向量圖片（點陣圖效果不好）。

　　

　　對映像做相應的調整，直到合適為止。然後儲存為myfont.ttf即做好了ttf字型檔。

字型格式轉換

　　為了相容不同的瀏覽器，需要製作不同的字型格式。比如IE只支援eot格式，便可以用格式轉換工具，將ttf轉換成其他格式。比如ttf-->eot線上轉換：

　　http://ttf2eot.sebastiankippe.com/

　　

　　

　　

 

ccs3中icon轉換為字型的方法