Adding extra glyphicons to bootstrap

html css twitter-bootstrap glyphicons
Kevin Boonekamp picture Kevin Boonekamp · May 23, 2014 · Viewed 19.6k times · Source

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?

Answer

G Ravinder picture G Ravinder · May 23, 2014

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

Related questions

How Do I Make Glyphicons Bigger? (Change Size?)

I would like to make the globe glyphicon bigger so that it covers up a large portion of the page (it's a vector image). It's not in a button or anything; it's just alone. Is there a way to do …

Read More
How to include Glyphicons without using Bootstrap CSS

My Client project using some basic HTML and CSS. But they like the Glyphicons on the Website menus. So i just tried to include Glyphicons with the Bootstrap CSS, it does, but the other css got affected after including the …

Read More
Using glyphicon as background image in CSS: rails 4 + bootstrap 3

I'm using bootstrap's collapse.js to expand and collapse some input groups in a rails app. I'm using JS to determine if the group is expanded or not and have created CSS classes to add a "+" or "-" to show …

Read More