IconFont 圖標(biāo)
-
微博
-
家
-
支付寶錢包
-
搜索
-
住宅家具
-
齊家錢包保障
-
紅旗
-
齊家錢包保障
-
gouwu
-
家庭清潔
-
沙發(fā)
-
收納清潔凈化
-
sousuo
-
沙發(fā)
-
sousuo
-
iconfont-5
-
地址
-
門
-
訂單
-
榮譽
-
樓梯間
-
家具
-
家具保養(yǎng)
-
微信
-
咨詢
-
門
-
地址
-
購物車
-
購物車添加
-
錯誤
-
二維碼
-
聚收藏
-
垃圾箱
-
鏈接
-
鬧鐘
-
掃一掃
-
上翻
-
設(shè)置
-
聲音
-
時間
-
收貨地址
-
首頁
-
刷新
-
搜索
-
鎖
-
提示
-
完成
-
我的訂單
-
我的反饋
-
我的紅包
-
我的聚劃算
-
我的優(yōu)惠券
-
下翻
-
下拉
-
向上箭頭
-
向下箭頭
-
向右箭頭
-
向左箭頭
-
眼睛
-
意見反饋
-
照相機
-
正確
-
消息中心
-
另存為
-
new
-
火
-
幫助客戶累計創(chuàng)造受益
-
樓梯
-
地址
-
衣柜
-
清潔護理
-
30－1
-
7
-
免
-
錢幣-01
-
潔凈呵護
-
電話
-
禮物
-
語音
-
設(shè)備_衣柜
-
進度條-錢袋
-
家具清潔
-
桌臺
-
微信
-
活動
-
美家－精品家具
-
右
-
家電清潔
-
訂單
-
集團單位
-
電話
-
精品家具
-
家具
-
品牌購物
-
電話
-
品牌釋義
-
GOUWU
-
gouwu
-
旗美薈-icon團購特惠
-
旗美薈-icon限量秒殺
-
右
-
旗美薈-icon購物車
-
sousuo
-
錢包業(yè)務(wù)
-
家具
-
旗美薈-icon_分銷獎賞
-
集團研修
-
訂單
-
節(jié)能處罰
-
合作
-
板式衣柜安裝
-
活動
-
家
-
視頻
-
集團版
-
購物(圓)
-
微博
-
文化
-
微信 (1)
-
合作
-
衣柜6
-
咨詢
-
活動
-
通用
-
更衣柜
-
金錢
-
家具五金
-
節(jié)能建筑
-
累計節(jié)能
-
凳子
-
沙發(fā)
-
工作臺-環(huán)保圖集
-
氣象環(huán)保
-
解決方案03-2視頻行業(yè)-成本高
-
解決方案03-1視頻行業(yè)-技術(shù)門檻
-
解決方案03-3視頻行業(yè)-延時
-
智慧節(jié)能
-
桌子
-
合作
-
集團版
-
右
-
building-o
-
cangneishicao-o
-
horn-o
-
map-2-o
-
service-o
-
similar-product-o
-
volumeopen-o
-
電話
-
桌椅
-
品牌02
-
家具入場
-
頂部
-
錢財
-
咨詢
-
樓梯間
-
錢袋
-
共贏
-
發(fā)展歷程
-
家具建材
-
發(fā)展歷程
-
綠色環(huán)保
-
訂單
-
微信
-
訂 單
-
電話
-
沙發(fā)
-
衣柜
-
dianhua
-
錢2
-
alert
-
859格式_通用視頻
unicode引用
unicode是字體在網(wǎng)頁端最原始的應(yīng)用方式，特點是：
- 兼容性最好，支持ie6+，及所有現(xiàn)代瀏覽器。
- 支持按字體的方式去動態(tài)調(diào)整圖標(biāo)大小，顏色等等。
- 但是因為是字體，所以不支持多色。只能使用平臺里單色的圖標(biāo)，就算項目里有多色圖標(biāo)也會自動去色。
注意：新版iconfont支持多色圖標(biāo)，這些多色圖標(biāo)在unicode模式下將不能使用，如果有需求建議使用symbol的引用方式
unicode使用步驟如下：
第一步：拷貝項目下面生成的font-face
@font-face {
font-family: 'iconfont';
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont') format('svg');
}
第二步：定義使用iconfont的樣式
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
第三步：挑選相應(yīng)圖標(biāo)并獲取字體編碼，應(yīng)用于頁面
<i class="iconfont">3</i>"iconfont"是你項目下的font-family?？梢酝ㄟ^編輯項目查看，默認是"iconfont"。