微信小程序 - iconfont

此文演示如何在小程序上使用iconfont字體圖標(biāo)。

使用說明

登錄阿里巴巴iconfont.cn

image.png

新建項目
image.png

點擊icon收藏
image.png

加入到test項目中
image.png

下載到本地解壓
image.png

生成代碼
image.png

復(fù)制iconfont.css到xxx.wxss
image.png

替換iconfont.css中的@font-face為上面的生成代碼
image.png

xxx.wxss樣式中@import使用

@import "../../../css/test.wxss";

wxml中使用

<text class='iconfont icon-home' style='color:#7F8389;font-size:60rpx;'></text>

顯示結(jié)果


image.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末故河,一起剝皮案震驚了整個濱河市耕餐,隨后出現(xiàn)的幾起案子秀仲,更是在濱河造成了極大的恐慌奠蹬,老刑警劉巖掺冠,帶你破解...
    沈念sama閱讀 222,807評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件菇曲,死亡現(xiàn)場離奇詭異冠绢,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)常潮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,284評論 3 399
  • 文/潘曉璐 我一進(jìn)店門弟胀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人喊式,你說我怎么就攤上這事孵户。” “怎么了岔留?”我有些...
    開封第一講書人閱讀 169,589評論 0 363
  • 文/不壞的土叔 我叫張陵夏哭,是天一觀的道長。 經(jīng)常有香客問我献联,道長竖配,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,188評論 1 300
  • 正文 為了忘掉前任里逆,我火速辦了婚禮进胯,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘运悲。我一直安慰自己龄减,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 69,185評論 6 398
  • 文/花漫 我一把揭開白布班眯。 她就那樣靜靜地躺著希停,像睡著了一般烁巫。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上宠能,一...
    開封第一講書人閱讀 52,785評論 1 314
  • 那天亚隙,我揣著相機(jī)與錄音,去河邊找鬼违崇。 笑死阿弃,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的羞延。 我是一名探鬼主播渣淳,決...
    沈念sama閱讀 41,220評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼伴箩!你這毒婦竟也來了入愧?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,167評論 0 277
  • 序言:老撾萬榮一對情侶失蹤嗤谚,失蹤者是張志新(化名)和其女友劉穎棺蛛,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體巩步,經(jīng)...
    沈念sama閱讀 46,698評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡旁赊,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,767評論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了椅野。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片终畅。...
    茶點故事閱讀 40,912評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖鳄橘,靈堂內(nèi)的尸體忽然破棺而出声离,到底是詐尸還是另有隱情,我是刑警寧澤瘫怜,帶...
    沈念sama閱讀 36,572評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站本刽,受9級特大地震影響鲸湃,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜子寓,卻給世界環(huán)境...
    茶點故事閱讀 42,254評論 3 336
  • 文/蒙蒙 一暗挑、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧斜友,春花似錦炸裆、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,746評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽国拇。三九已至,卻和暖如春惯殊,著一層夾襖步出監(jiān)牢的瞬間酱吝,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,859評論 1 274
  • 我被黑心中介騙來泰國打工土思, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留务热,地道東北人。 一個月前我還...
    沈念sama閱讀 49,359評論 3 379
  • 正文 我出身青樓己儒,卻偏偏與公主長得像崎岂,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子闪湾,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,922評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 此文演示如何在小程序上使用iconfont字體圖標(biāo)该镣。 使用說明 登錄阿里巴巴iconfont.cn wxml中使用...
    大豬大豬閱讀 20,022評論 1 27
  • 一.iconfont使用場景(優(yōu)缺點); 一般我們項目決定要使用一個技術(shù)點前响谓,會查相關(guān)資料對其有大概的理解损合。例如,...
    蕭強(qiáng)閱讀 1,612評論 1 6
  • 眾所周知, 小程序的有一個1M大小的限制. 而優(yōu)美的界面離不了各種圖形. 如果將這些圖形集成到小程序中. 其臃腫的...
    achar閱讀 5,413評論 0 10
  • 爸爸的草鞋 第三章:童年趣事 第二回:傳說中的女朋友 很早的時候家里的書架上擺著一本不知道被盜了幾手版的哪個非著名...
    多滿李老師閱讀 123評論 0 1
  • 按照正常的時間點娘纷,我們是不會遲到的嫁审,但是這次的假期,寶玩的高興了赖晶,伴讀沒做律适,安全教育沒做,早上才做遏插,做完了也沒...
    yan780218閱讀 117評論 2 1