CODEWITHSUNDEEP
htmlcsstwitter-bootstrapfirefoxglyphicons
Alpha16
Alpha16

Reputation: 51

Having some problems with glyphicons from bootstrap 3.3.5 in Firefox

I can't manage to find an answer at my problem. Glyphicons still don't work in Firefox. Firefox only.

What I do for example : <li class="active"><a href="#"><span class="glyphicon glyphicon-search"></span> Home</a></li>

In my .css file : 

@font-face {
  font-family: 'Glyphicons Halflings';



src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

Upvotes: 0

Views: 2879

Answers (1)

kjehfiuh
kjehfiuh

Reputation: 145

Based on the jsfiddle you posted for the problem, it appears you are missing the required CDN. After I included these:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script

It displayed the glyphicons. Make sure you have these included in your page and it should work. :)

Upvotes: 0

Related Questions