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