I’m using Twitter Bootstrap v.3 on this page and I have the following markup in the page footer:
<footer class="footer text-center">
<span class="contact-point">
<span class="glyphicon glyphicon-earphone"></span>
087-2562153 / 01-2876730
</span>
<span class="contact-point">
<a href="mailto:theupstudio@gmail.com">
<span class="glyphicon glyphicon-envelope"></span>
theupstudio@gmail.com
</a>
</span>
</footer>
This should show a phone number and an email address with a glyphicon for each. However, for some reason, the icon for the phone is not rendered correctly (a square is shown instead), but the email icon is fine.
What does one glyphicon shown correctly, but the other doesn’t?
2
Answers
I guess the glyphicon font file is corrupted. Try a new copy of bootstrap or manually include all the glyphicon fonts into your css.
The glyphicon font files cannot be found:
I tested it using a Bootstrap CDN, works ok.