圖標字體

font-awesome.min.css

http://www.bootcss.com/p/font-awesome/#contribute

完美的圖標字體

Font Awesome 3.0版本中新增了40個全新的圖標。如果你需要更多新圖標,可以在 Font Awesome GitHub project 提出需求

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

使用這種方式將 Font Awesome 集成到默認的 Bootstrap CSS中。

  1. 拷貝 Font Awesome 字體目錄到你的項目中。
  2. font-awesome.min.css 文件到你的項目中。
  3. 打開你的項目中的 font-awesome.min.css 文件並編輯字體路徑指向正確的位置。

     字體路徑是相對於你的 CSS 目錄的。

  4. 在html文檔中的 <head> 部分,引入 font-awesome.min.css 文件。
    1. <link rel="stylesheet" href="../css/bootstrap.min.css">
    2. <link rel="stylesheet" href="../css/font-awesome.min.css">
  5. 在瀏覽器中打開頁面,檢查是否正確啓用了 Font Awesome!

Simple Icons:收集衆多網站的Logo,並提供高質量、不同尺寸的png格式圖片給廣大網友,所有Icon版權歸其所屬公司。

Glyphicons:包括200個符號字體格式圖表集合,由Glyphicons提供,Glyphicons Halflings 一般是收費的,但是經過Bootstrap和Glyphicons作者之間的協商,允許開發人員不需要支付費用即可使用。

利用這幾種圖標內容,我們引入下面幾種樣式就可以了。

<link href="/Content/metronic/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
<link href="/Content/metronic/simple-line-icons/simple-line-icons.min.css" rel="stylesheet"/>
<link href="/Content/metronic/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>





發佈了151 篇原創文章 · 獲贊 3 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章