How to get glyphicons working in twitter-bootstrap?


Tags: css,twitter-bootstrap,glyphicons

Problem :

I've got bootstrap files stored locally:

<link rel="stylesheet" href="/bootstrap/3.2.0/css/bootstrap.min.css">

and

<script src="/bootstrap/3.2.0/js/bootstrap.min.js"></script>

but when I do this:

<span class="glyphicon glyphicon-print" aria-hidden="true"></span>

I get a little square character such as is displayed when the client doesn't have the proper font. I read here that there's separate CSS, but the link is broken. Any ideas how to resolve this?



Solution :

Found it:

Needed to locally create:

/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.eot
/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.woff
/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.ttf
/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.svg

which I sourced from here:

http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.eot http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.woff http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.ttf http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.svg


    CSS Howto..

    How to only get the 'box-shadow-right' that cuts off when you reach a border?

    How to get the sticky footer to work?

    How to import a css file in a react component?

    How to ensure CSS :hover is applied to dynamically added element

    How to get a gradient background for table rows with JSF and CSS?

    How can I style a JavaFX SplitMenuButton in CSS

    How to control css of images on top of a full page semi-transparent overlay div

    How can I block clicks and Java Script in a HTML

    How to create and manage large CSS projects?

    how to apply stylesheet to wp frontend, via plugin i created?

    How to style td with input button and text-size button?

    How Can I Override Style Info from a CSS Class in the Body of a Page?

    How to structure CSS classes? By entities or by aspects?

    How should I modify this code so it works with severel id's?

    How to center post title in blogger. (tried applying CSS)

    CSS - How to control the gap between background image and container

    How to achieve this layout with CSS and div?

    How to disable a css rule for a wordpress plugin

    How to Centre Glyphicon Vertically In Bootstrap Button

    How read(get) css style value of a server-side div in code behind(not set)?

    How to Extend Wrapped Elements to the Full Browser Width Using CSS?

    How to style the wp_list_page in wordpress?

    How do I add a CSS3 transition to an image overlay?

    How do I stop this div's width from decreasing?

    How to prevent dynamically appended div from overflowing?

    How to Implement Resizing in CSS / DOM

    How is struts finding css files?

    How to create 'greater than' arrow using CSS only?

    How to set column width for DataTables

    How do I create triangle shaped vertical breadcrumbs