我們做網站時，網站上會有很多的小圖標。以前我們會用小圖片來制作這些小圖標，但這樣做有一個缺點：當我們放大頁面時，小圖片就會出現(xiàn)失真不清楚的問題。

小圖片圖標：

字體圖標：

如何解決這樣的問題呢？就是使用字體圖標來代替小圖片圖標。下面就是建網站常用的字體圖標-font-awesome圖標為例，介紹一下如何在自己做網站時使用字體圖標。

方法/步驟

1. 第一步需要在自己的網頁中引入font-awesome字體圖標文件。方法很簡單，只需要將下面的代碼粘貼到自己網站頭部HTML文件的</head>標簽上方即可。（如果不懂HTML，請學習一下html視頻教程）

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

2. 在需要顯示小圖標的位置，使用下面的代碼格式進行字體圖標的調用。

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

3. 上面只是一個小圖標的使用舉例代碼，不同的字體圖標的代碼不一樣的。詳細見：什么是字體圖標，怎么用？
4. 這樣，我們在自己建網站時，就可以使用字體圖標了，不管再怎么放大，圖標都不會變形。

標簽： 代碼 建網站

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