增加額外glyphicons來引導

Question

親愛的同學設計師/開發

我創造了8個額外glyphicons我的引導網站。將它們上傳到icomoon並將它們下載爲字體，這一切都很完美。

我能夠將我的字體添加到我的CSS並在HTML中使用它，但是我想將字體用作額外的字形。

我該怎麼做？

Answer 1

參閱本網站提供的字體圖標引導

Font-Awesome

下載fontawesome這裏fontawesome.io

新增CSS文件鏈接到您的網頁中提到

<link href='/path/to/font-awesome.css' rel='stylesheet'/> 

使用CSS類在font-awesome.css與'fa-'

例如：<i class="fa fa-desktop"></i>

請css和fonts文件夾複製到同一文件夾

Answer 2

步驟來使用字體要命

1. 下載Font-Awsome
2. 提取.ZIP提取後提交
3. ，你會得到文件夾即font-awesome-4.5.0
4. 通過拖放添加此文件夾拖放到您的內容或引導文件夾

5. 添加字體awesome.css文件作爲你的網頁的引用

   <link href="~/Content/font-awesome-4.5.0/css/font-awesome.css" rel="stylesheet" /> 
   

6. 得到圖標，按@G Ravinder如告訴即

   <i class="fa fa-desktop"></i> 
   <span class="fa fa-desktop"></span> 
   

這一切:-)