When Firefox opens the local bootstrap page, the small icon cannot be displayed normally_html/css_WEB-ITnose

The scenario is that I downloaded a set of bootstrap pages. When I opened a certain html locally using ff, I found that the small pictures on the page could not be displayed normally. At first, I always thought it was the font style problem of bootstrap, but later I found out The same page can be displayed normally in Chrome. After searching everywhere, I finally found that it was a problem with the settings of ff. Just change the default settings.

Original link: http://stackoverflow.com/questions/19085942/boootstrap-glyphicons-firefox-issues

The solution is as follows:
Firefox has a strict setting(this) that prevents your HTML file from accessing your web fonts from folders not on the root. 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". (ignore quotation marks of course)