1.登錄https://icomoon.io/ 進(jìn)入

2.選中需要的圖標(biāo)，點(diǎn)擊右下角

3.進(jìn)入點(diǎn)擊download,進(jìn)行下載

4.下載好后解壓，只要fonts里面四個(gè)小文件，把他們放到存放的fonts文件夾里

5.打開" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運(yùn)營 > 網(wǎng)頁制作中字體圖標(biāo)的使用方法

網(wǎng)頁制作中字體圖標(biāo)的使用方法

時(shí)間：2023-07-05 15:24:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-07-05 15:24:01 來源：網(wǎng)站運(yùn)營

網(wǎng)頁制作中字體圖標(biāo)的使用方法：方法一：

1.登錄https://icomoon.io/ 進(jìn)入

2.選中需要的圖標(biāo)，點(diǎn)擊右下角

3.進(jìn)入點(diǎn)擊download,進(jìn)行下載

4.下載好后解壓，只要fonts里面四個(gè)小文件，把他們放到存放的fonts文件夾里

5.打開上邊的style.css(用開發(fā)工具打開），復(fù)制里面的代碼




6.修改上面的路徑，在幾個(gè)url上加上 ../ (返回上一級目錄，尋找的那四個(gè)文件）

具體代碼如下，復(fù)制它到css樣式里面

@font-face { /* 字體圖標(biāo)，要修改路徑 */ font-family: 'icomoon'; src: url('../fonts/icomoon.eot?sx6ghy'); src: url('../fonts/icomoon.eot?sx6ghy#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?sx6ghy') format('truetype'), url('../fonts/icomoon.woff?sx6ghy') format('woff'), url('../fonts/icomoon.svg?sx6ghy#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; }


7.打開de mo的文件夾，進(jìn)入復(fù)制小方框（需要那個(gè)復(fù)制那個(gè)）粘貼到標(biāo)簽里

8.在css樣式里引入字體圖標(biāo)




9.也可以在里面修改字體圖標(biāo)的顏色，大小

font-weight: normal;是否加粗 ;font-style: normal;是否傾斜 ; color: #f10215;顏色 ;font-size: 16px;大小 ;


方法二：

（font class字體的用法）

1.進(jìn)入阿里媽媽

2.挑選需要的字體圖標(biāo)選入項(xiàng)目，進(jìn)行下載

3.解壓后將這五個(gè)文件復(fù)制到fonts的文件夾下




4.在html頁面引入iconfont.css

<link rel="stylesheet" href="./iconfont.css"> 將路徑修改一下，指向iconfont.css

5.在需要使用字體圖標(biāo)的地方插入

<span class="iconfont icon-xxx"></span>

icon-xxx要改成圖標(biāo)想對應(yīng)的代碼

可以在下載的demo里找，也可以在我的項(xiàng)目里找



關(guān)鍵詞：使用,方法,字體

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉