monosocialiconsfont icon indicating copy to clipboard operation
monosocialiconsfont copied to clipboard

Published 20 hours ago • verified publisher icon drinchev

No IE plaintext support?

Open darth90rs opened this issue 11 years ago • 15 comments

Hi guys! I find this font amazing, very complete and useful. I also found that in IE (from 9 below) the support for plaintext icon is not working, the font is displaying correctly just if using the html entities.

Ex: in chrome/firefox this is working: facebook in IE the above is not working, but the following does:

It would be great to have support for social name to display the relative icon also in IE, but I don't know how to, so if someone is fond of this please help!

darth90rs avatar May 27 '13 14:05 darth90rs

Yep, that's an issue with IE 9 and less. They all don't support ligature symbol replacement. All similar fonts doesn't work with this.

I'm going to make a simple JS script to replace the characters automatically for IE, this weekend. Stay tuned!

drinchev avatar May 28 '13 15:05 drinchev

Great, that's awesome! I'll be waiting, thank you very much ;)

darth90rs avatar May 28 '13 15:05 darth90rs

Hi, could you also make a fallback script for Opera? Thanks for this font, it's very useful!

nhrx avatar Jun 09 '13 21:06 nhrx

I'm curious if you got the JS working for IE character replacement.

matthewtlh avatar Jul 18 '13 13:07 matthewtlh

Thanks for the support guys, I really appreciate it.

@matthewtlh,

Yep, I'm pretty much at the testing phase. I'm on a vacation now, so this will stall a bit ( ETA 2 weeks ). It will support Opera and it is jQuery free. It will support also Ligature Symbols [1] too. Also it can be configured to use any other symbol font that use ligatures substitution.

Although I don't recommend to use the ligature substitution on AJAX websites ( just use the unicode symbol &#xeXXX; ).

Cheers.

[1] https://github.com/kudakurage/LigatureSymbols/issues/3

drinchev avatar Jul 20 '13 22:07 drinchev

I also need this :(

bfintal avatar Aug 30 '13 07:08 bfintal

Is the js fix still in the works? Would love to use your awesome font, but the complete lack of IE support means I can't...

mikeselander avatar Mar 31 '14 21:03 mikeselander

For those still wondering, the fix is quite simple, and does not need JS. Just include this line in your CSS: -ms-font-feature-settings:"liga" 1;

WesCossick avatar Apr 08 '14 21:04 WesCossick

Oh fantastic, thank you!

mikeselander avatar Apr 09 '14 03:04 mikeselander

So glad I used plain text and only realized this in final testing :s haha. (Still very grateful for the font though thanks!)

danwild avatar Apr 10 '14 10:04 danwild

I'm using the rounded style, and for some reason the fix above worked on every icon except "roundedpinterest" and "roundedinstagram". Is there anything special about those two icons that needs some other fix on IE?

shoshanna avatar Apr 14 '14 07:04 shoshanna

Looking at @drinchev's icon demo website, a handful of icons experience this issue in IE (and even other browsers like Safari). For those, it seems you'll just need to use the unicode symbols.

WesCossick avatar Apr 14 '14 16:04 WesCossick

Thank you!

shoshanna avatar Apr 14 '14 17:04 shoshanna

Where in the file would I put -ms-font-feature-settings:"liga" 1;? It doesn't seem to be working for me. Also, anyone found a JS fix yet?

invot avatar Aug 07 '14 23:08 invot

It should go in your CSS in the same class that you're using the font with

mikeselander avatar Aug 08 '14 00:08 mikeselander