妙知谷Font Awesome使用教程
- 互聯網
- 關注：2W次
完美的圖標字只為Bootstrap設計
操作方法
（01）拷貝 Font Awesome 字體目錄到你的項目中。
（02） 文件到你的項目中。
（03）打開你的項目中的 文件並編輯字體路徑指向正確的位置。
（04）在html文檔中的 <head> 部分，引入 文件。<link rel="stylesheet" href="../css/"><link rel="stylesheet" href="../css/">
（05）在瀏覽器中打開頁面，檢查是否正確啟用了 Font Awesome!
（06）需要支持 IE7 瀏覽器？<link rel="stylesheet" href="../css/"><link rel="stylesheet" href="../css/"><!--[if IE 7]><link rel="stylesheet" href="assets/css/"><![endif]-->
（07）引用圖像<i class="icon-camera-retro"></i> icon-camera-retro
（08）通過給圖標設置icon-large、icon-2x、icon-3x 或 icon-4x 樣式，可以讓圖標相對於它所在的容器變得更大。<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p><p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p><p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p><p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
（09）讓圖像動起來<i class="icon-spinner icon-spin"></i>
特別提示
每個圖標都是重新制作的，並且針對Bootstrap的默認14px字號做了最大的優化。
我們遵循 SIL 開放字體協議，代碼遵循 MIT 協議。沒有過多的束縛，帶給你更多自由。
雖然增加了 16% 的圖標，3.0 版本的體積卻變得更小了。 Font Awesome 還可以定製，將你不需要的圖標去掉。
- 文章版權屬於文章作者所有，轉載請註明 https://miaozhigu.com/sm/hulianwang/2o196.html
![搜狗輸入法最全攻略：[13]如何快速打字](https://i2.miaozhigu.com/4d3900d2/5c6055816e/073d06d43b973b2f/007f508d38da606944a15fdafc7cf44e8753-s.jpg "搜狗輸入法最全攻略：[13]如何快速打字")
