Bootstrap Glyphicon font does not show "cors problem" in Firefox

Recently use bootstrap to test water a mobile version of the project, in the use of the inside of the Glyphicon font, those Glyphicon-search class after the application can not be displayed in Firefox, displayed as garbled, Ie,safari, Chrome and so on appear normal.

650) this.width=650; "src=" http://s3.51cto.com/wyfs02/M00/6C/22/wKioL1VAsOnD-AmYAAGBYszpZkM426.jpg "title=" No_ Show.jpg "alt=" Wkiol1vasond-amyaagbyszpzkm426.jpg "/>

Strangely, the refresh and flush cache did not solve the problem. Later on in the Firefox control Panel to see the following information
650) this.width=650; "src=" http://s3.51cto.com/wyfs02/M01/6C/26/wKiom1VArqOQ9MDcAANQpkCfSfE585.jpg "title=" Bs_ Error.jpg "alt=" wkiom1varqoq9mdcaanqpkcfsfe585.jpg "height=", "width="/>

You can see similar peers on the internet and have this experience.

Http://www.yanxiaoyu.com/show-23-19-1.html

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M01/6C/26/wKiom1VAr9iQ-hbpAAQM9VmRaSM907.jpg "title=" Solution.jpg "alt=" wkiom1var9iq-hbpaaqm9vmrasm907.jpg "height=", "width="/>

Search on the Internet to find the solution above http://enable-cors.org/server_apache.html

Information about Cors can also be found in http://stackoverflow.com/questions/2856502/. Css-font-face-not-working-with-firefox-but-working-with-chrome-and-ie

The workaround is to add a response header in Apache to the header set Access-control-allow-origin "*"

After the application on Apache, the font file can be loaded across the load, the display is normal.

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M02/6C/23/wKioL1VAsoKxyyl7AAC_e2fqlLk244.jpg "title=" Normal.png "alt=" Wkiol1vasokxyyl7aac_e2fqllk244.jpg "/>

This article is from the "Home Circle Exchange Study" blog, please be sure to keep this source http://brucetam.blog.51cto.com/1863614/1640443

Bootstrap Glyphicon font does not show "cors problem" in Firefox