Bootstrap Font Icon Reference example

Source: Internet
Author: User

Bootstrap font Icon Reference example:
<span class= "Glyphicon glyphicon-wrench" ></span>,glyphicon-wrench is a wrench icon.

Say little fish encounters an issue that references the bootstrap Glyphicons font icon does not appear. Find a half-day also do not know where the error, reference CSS Normal, in the local can also be normal display, span for the class name also does not display, only the class name Glyphicon-pencil can be displayed, but with the expected icon is not the same, good pit dad Ah!
Originally thought with Bootstrap version has a relationship, crossing net also wood has description, later see Bootstrap folder has a Fonts sub-folder, seemingly text icon with this font folder has gray often big contact, and then the local font folder path changed, the local icon does not show, The Glyphicon-pencil icon can also be displayed with the incorrect display method expected (it is estimated that the reason for not referencing the font, bootstrap has written the style, but the font is not displayed correctly).

Here has probably been able to confirm that the font folder is not or the cause of the wrong path causes the icon does not display, and then see the site error, a string of English, do not understand ~ Baidu a ha, found an article, is the reason for cross-domain resources, this place is not too understand. Probably means someone else's website quoted Baidu's DNS on the bootstrap, and the advent of God horse resources blocked, resulting in the normal loading of font wood. Together with your own two-level domain name storage bootstrap files, should not be considered cross-domain it.
These are font icons, not pictures, so you want to set the size of it, as long as the font-size can be set, of course, the color can be changed at will.
Example: body{
font-family: "Glyphicons halflings";   font-size:50px; Color: #ff0000; }
span:after{
Content: "\e136"; }
Firefox font not supported? Server fonts not supported? A question worth thinking ~ Firefox proprietary hack:
@-moz-document Url-prefix () {. divh96{height:90px;}}

Bootstrap Font Icon Reference example

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.