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中。
- 拷貝 Font Awesome 字體目錄到你的項目中。
- font-awesome.min.css 文件到你的項目中。
- 打開你的項目中的 font-awesome.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">
- 在瀏覽器中打開頁面,檢查是否正確啓用了 Font Awesome!
利用這幾種圖標內容,我們引入下面幾種樣式就可以了。
<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"/>