一痘括、自定義iconfont的使用
iconfont解讀
使用iconfont代替?zhèn)鹘y(tǒng)的圖標(biāo)有什么好處，以及相關(guān)的用法鲁豪，這里也直接推薦一篇博文給大家：
http://www.frontopen.com/1906.html
本文固定鏈接: http://www.frontopen.com/1906.html
轉(zhuǎn)載請注明: 品味人生 2014年02月25日
于 前端開拓者 發(fā)表
這里主要介紹iconfont上的字體圖標(biāo)使用方法
相信很多猿友圖標(biāo)都是在這里找的:http://www.iconfont.cn/
其實相關(guān)的說明 這里已經(jīng)寫地很詳細(xì)了：http://www.iconfont.cn/plus/help/detail?helptype=code
但是還是跟著流程走一遍吧桑谍，這里講的是android用法
1、首先將需要的圖標(biāo)加入購物車(ps:要建立自己的個人賬號哈)
Paste_Image.png
2巫击、將購物車中的圖標(biāo)加入自己的分組里（項目名稱）
Paste_Image.png
3、來到自己的資料庫精续，可以下載選好的資料包
Paste_Image.png
下載完成后解壓資料包：
Paste_Image.png
注意下圖中標(biāo)記的三個文件：
Paste_Image.png
我們需要將iconfont.ttf字體包放入assets目錄中：
Paste_Image.png
注意圖標(biāo)名稱的配置
string中的name對應(yīng)demo_symbol.html中的 下方名稱：
Paste_Image.png
string中的value對應(yīng)demo_unicode中的值：
Paste_Image.png
4坝锰、具體使用
在布局文件中直接設(shè)置TextView text屬性：
Paste_Image.png
在代碼中設(shè)置Typeface屬性：
Paste_Image.png
運行效果如下
Paste_Image.png
這個圖標(biāo)的大小完全是通過textSize屬性來決定的，是不是很神奇重付！
巧用Iconfont 的svg資源
其實阿里的iconfont給我們提供了我們想要的各種格式資源：
Paste_Image.png
這里的svg文件我們是完全可以拿過來用的Ｇ昙丁（審查頁面元素）
