字體和圖標(biāo)引入

一,字體引入

01.jpg
02.jpg
/* 聲明字體圖標(biāo) 這里一定要注意路徑的變化 */
        @font-face {
            font-family: 'icomoon';
            src: url('./fonts/icomoon.eot?tomleg');
            src: url('./fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
                url('./fonts/icomoon.ttf?tomleg') format('truetype'),
                url('./fonts/icomoon.woff?tomleg') format('woff'),
                url('./fonts/icomoon.svg?tomleg#icomoon') format('svg');
            font-weight: normal;
            font-style: normal;
            font-display: block;
        }
03.jpg
04.jpg

二蜀细,圖標(biāo)引入

阿里巴巴矢量庫地址:https://www.iconfont.cn/

01.jpg

02.jpg
03.jpg
04.jpg
05.jpg
06.jpg
07.jpg
08.jpg
09.jpg
10.jpg
11.jpg
12.jpg
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末舟铜,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子审葬,更是在濱河造成了極大的恐慌深滚,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,084評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件涣觉,死亡現(xiàn)場(chǎng)離奇詭異痴荐,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)官册,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門生兆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人膝宁,你說我怎么就攤上這事鸦难。” “怎么了员淫?”我有些...
    開封第一講書人閱讀 163,450評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵合蔽,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我介返,道長(zhǎng)拴事,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,322評(píng)論 1 293
  • 正文 為了忘掉前任圣蝎,我火速辦了婚禮刃宵,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘徘公。我一直安慰自己牲证,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評(píng)論 6 390
  • 文/花漫 我一把揭開白布关面。 她就那樣靜靜地躺著坦袍,像睡著了一般十厢。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上键闺,一...
    開封第一講書人閱讀 51,274評(píng)論 1 300
  • 那天寿烟,我揣著相機(jī)與錄音澈驼,去河邊找鬼辛燥。 笑死,一個(gè)胖子當(dāng)著我的面吹牛缝其,可吹牛的內(nèi)容都是我干的挎塌。 我是一名探鬼主播,決...
    沈念sama閱讀 40,126評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼内边,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼榴都!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起漠其,我...
    開封第一講書人閱讀 38,980評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤嘴高,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后和屎,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體拴驮,經(jīng)...
    沈念sama閱讀 45,414評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評(píng)論 3 334
  • 正文 我和宋清朗相戀三年柴信,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了套啤。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,773評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡随常,死狀恐怖潜沦,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情绪氛,我是刑警寧澤唆鸡,帶...
    沈念sama閱讀 35,470評(píng)論 5 344
  • 正文 年R本政府宣布,位于F島的核電站枣察,受9級(jí)特大地震影響争占,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜询件,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評(píng)論 3 327
  • 文/蒙蒙 一燃乍、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧宛琅,春花似錦刻蟹、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽片效。三九已至,卻和暖如春英古,著一層夾襖步出監(jiān)牢的瞬間淀衣,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評(píng)論 1 269
  • 我被黑心中介騙來泰國打工召调, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留膨桥,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,865評(píng)論 2 370
  • 正文 我出身青樓唠叛,卻偏偏與公主長(zhǎng)得像只嚣,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子艺沼,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評(píng)論 2 354

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

  • 字體圖標(biāo)的使用(以阿里巴巴矢量圖庫為例) 1.字體圖標(biāo)是一些網(wǎng)頁常見的小圖標(biāo) 字體圖標(biāo)的下載 和 引入 選擇網(wǎng)站...
    沐舒萌呀閱讀 1,114評(píng)論 0 1
  • 字體圖標(biāo) 字體圖標(biāo)展示的是圖標(biāo)册舞,本質(zhì)是字體。處理簡(jiǎn)單的障般、顏色單一的圖片调鲸。 字體圖標(biāo)的優(yōu)點(diǎn): 靈活性:靈活地修改樣式...
    禿燃的一天閱讀 274評(píng)論 0 0
  • css字體圖標(biāo)引入方法在網(wǎng)頁中將小圖標(biāo)制作成字體是很多網(wǎng)站的常用做法,為的是減少頁面請(qǐng)求挽荡。 先推薦一個(gè)字體圖標(biāo)庫(...
    oopsWeb閱讀 817評(píng)論 0 2
  • 1. 查看ttf字體圖標(biāo)對(duì)應(yīng)的Unicode編碼 (1) 獲取字體文件[https://at.alicdn.com...
    瑟聞風(fēng)傾閱讀 1,855評(píng)論 3 3
  • 前言 在前端開發(fā)中藐石,字體無疑是很基礎(chǔ)的一個(gè)設(shè)置,本篇文章將對(duì)CSS中對(duì)字體的設(shè)置以及如何使用字體樣式來表達(dá)一些矢量...
    moutory閱讀 913評(píng)論 0 1