如何引入外部圖標集及使用方法——以bootstrap圖標集為例


圖標集下載

1、進入圖標集頁面現將Font Awesome 3.0版本下載下來

2、將Font Awesome 集成到 Bootstrap 非常容易,還可以被單獨使用。

最簡單的 Bootstrap + Font Awesome 集成方式

首先:拷貝 Font Awesome 字體目錄到你的項目中。

其次:font-awesome.min.css 文件到你的項目css文件中。

其次:打開你的項目中的font-awedome.min.css文件並編輯字體路徑指向正確的位置字體路徑是相對於你的css目錄的

最后:在html文檔中的<head>部分,引入font-awesome.min.css文件。

<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/font-awesome.min.css">

  

在html頁面中一般以<i class="icon-facebook"></i>標簽作為小圖標使用


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM