How to reference bootstrap font icon

How to reference bootstrap font icons: first create a fonts folder; then place it in the same directory as the js and css files; finally pass "src: url('font/glyphicons-halflings-regular.eot ');" can be used to reference the font icon.

The operating environment of this tutorial: Windows 7 system, bootstrap version 3. This method is suitable for all brands of computers.

Recommended: "bootstrap Tutorial"

Bootstrap correctly quotes the font icon:

Supplementary:

In fact, you don’t need to go through the trouble below. You only need to create a fonts folder and put it in the same directory as the js and css files, and you can reference it correctly. The key is that the following files must be present:

The first type (please change the path of the font file flexibly)

<style>
        @font-face {
            font-family: &#39;Glyphicons Halflings&#39;;
            src: url(&#39;font/glyphicons-halflings-regular.eot&#39;);
            src: url(&#39;font/glyphicons-halflings-regular.eot?#iefix&#39;) format(&#39;embedded-opentype&#39;), url(&#39;font/glyphicons-halflings-regular.woff&#39;) format(&#39;woff&#39;), url(&#39;font/glyphicons-halflings-regular.ttf&#39;) format(&#39;truetype&#39;), url(&#39;fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular&#39;) format(&#39;svg&#39;);
        }</style>

The second type

The above is the detailed content of How to reference bootstrap font icon. For more information, please follow other related articles on the PHP Chinese website!