Bootstrap(3.1.1) Glyphicons Not Working In Firefox

I stumbled across an issue with Bootstrap Glyphicons not working with Firefox but working with other browsers faultlessly. Q:How to make Glyphicons from Bootstrap 3.1.1 work with

Solution 1:

The issue is the following error: Cross-Origin Request Blocked:

I fixed this by removing the www from the <link href='http://www.domain.co.uk'>

Change<link href="http://www.domain.co.uk/css/bootstrap.css" rel="stylesheet">

to

This<link href="http://domain.co.uk/css/bootstrap.css" rel="stylesheet">

This allows the Glyphicons to work on all browsers including firefox.

Solution 2:

@Damathryx solution for this issue is the real solution for working locally:

This only happens when you work locally and not from files on a server. You have to change a setting in Firefox to display the glyphicons when you develop locally.

-open about:config in your address in Firefox

-Then search for security.fileuri.strict_origin_policy property and change it from "true" to "false".