添加额外的glyphicons引导 [英] Adding extra glyphicons to bootstrap

问题描述

亲爱的同行设计师/开发人员

我为自举网站创建了8个额外的图标。将它们上传到icomoon并将它们下载为字体，这一切都很完美。

我可以将我的字体添加到我的CSS并在HTML中使用它来处理任何问题，但我希望使用字体作为额外的Glyphicons。

我该怎么做？

解决方案

参考这个网站提供的字体图标引导

字体真棒

在这里下载fontawesome fontawesome.io

将css文件链接添加到您的页面

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

使用 font-awesome.css中提到的css类< i class =c>用'fa - '

陈述 $ b < fa fa-desktop>< / i>

请复制 css 和字体文件夹到同一个文件夹

Dear fellow designers/developers

I have created 8 extra glyphicons for my bootstrap website. Uploaded them to icomoon and downloaded them as font, this all works perfect.

I am able to add my font to my CSS and use it in HTML withou any problem, but I want to use the font as extra Glyphicons.

How can I do this?

解决方案

refer to this website which provides the font icons to bootstrap

Font-Awesome

download fontawesome here fontawesome.io

add css file link to your page

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

use css classes mentioned in font-awesome.css stating with 'fa-'

example: <i class="fa fa-desktop"></i>

please copy css and fonts folders to same folder

这篇关于添加额外的glyphicons引导的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！