我們做網(wǎng)站時(shí)，網(wǎng)站上會(huì)有很多的小圖標(biāo)。以前我們會(huì)用小圖片來(lái)制作這些小圖標(biāo)，但這樣做有一個(gè)缺點(diǎn)：當(dāng)我們放大頁(yè)面時(shí)，小圖片就會(huì)出現(xiàn)失真不清楚的問(wèn)題。

小圖片圖標(biāo)：

字體圖標(biāo)：

如何解決這樣的問(wèn)題呢？就是使用字體圖標(biāo)來(lái)代替小圖片圖標(biāo)。下面就是建網(wǎng)站常用的字體圖標(biāo)-font-awesome圖標(biāo)為例，介紹一下如何在自己做網(wǎng)站時(shí)使用字體圖標(biāo)。

方法/步驟

1. 第一步需要在自己的網(wǎng)頁(yè)中引入font-awesome字體圖標(biāo)文件。方法很簡(jiǎn)單，只需要將下面的代碼粘貼到自己網(wǎng)站頭部HTML文件的</head>標(biāo)簽上方即可。（如果不懂HTML，請(qǐng)學(xué)習(xí)一下html視頻教程）

   
   <link href="http://netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
   
   

2. 在需要顯示小圖標(biāo)的位置，使用下面的代碼格式進(jìn)行字體圖標(biāo)的調(diào)用。

   
   <i class="fa fa-home fa-lg"></i>
   
   

3. 上面只是一個(gè)小圖標(biāo)的使用舉例代碼，不同的字體圖標(biāo)的代碼不一樣的。詳細(xì)見：什么是字體圖標(biāo)，怎么用？
4. 這樣，我們?cè)谧约航ňW(wǎng)站時(shí)，就可以使用字體圖標(biāo)了，不管再怎么放大，圖標(biāo)都不會(huì)變形。

標(biāo)簽： 代碼 建網(wǎng)站

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。