Is there a way to hide font awesome icons if they can't load the font for whatever reason?
When my site is loaded in an <iframe> all the icons are displayed as squares.
Presumably there is some kind of cross-site security reason for this - but can I make a script to hide the icons instead of displaying the ugly squares that it shows in place of the icons?
Related
Dear stackoverflow Users,
im trying to use a Glyph of a Font on my Website. I want to place "↗ produkte", but the Browser displays The Arrow up as a blue Icon.
What it looks like right now:
Blue Arrow
What i want to Archive, is that the browser displays the arrow of the font kit: Font Arrow
Do you now a Way to archive that? I could place it as a SVG image in the p Tag but is there a Way to Use the Glyph ↗ in the p Tag too?
Thanks!
Created a font-icons with material svg and custom svg files using gulp-iconfont-css. Sometimes these font-icons are not appearing with the correct icon they are actually jumbled and on refresh, all icons are arranged properly on the site.
why is it happening like this and how to solve this?
I can style a asp.net button using bootstrap, but is it somehow also possible to use font awsome icons together with some text so that I get a result like the one here http://fortawesome.github.io/Font-Awesome/3.2.1/examples/ (see buttons section)?
My site: http://www.getmpango.com
I'm using two font icons, font awesome and ligature symbols.
When I load the site at startup with no cache, the icons don't load - both of them. If I reload the home page they don't change either but if I load any other page, then they all load.
I have linked them correctly since they are loading on other pages, I just can't understand why they don't show at startup (no cache).
EDIT
This is how it looks on first load:
Notice the green boxes - that's ligature symbols icon font.
The red boxes are font-awesome icon font.
This is how it's supposed to look - or looks after another page loads.
I want to use icon fonts from http://weloveiconfonts.com.
But, it's not working on android 2.3.4. It shows only the blank squares.
The strange thing is that some icons are displayed.
Is there a way that it will display the icons?