kudakurage / LigatureSymbols

Ligature Symbols is WebFont project to display the symbol with a ligature features. This Font is licensed under the SIL Open Font License.
http://kudakurage.com/ligature_symbols/
271 stars 17 forks source link

does not work in Chrome on Windows XP #14

Open lanterndev opened 11 years ago

lanterndev commented 11 years ago

I believe this is due to Chrome bug 22240. Perhaps you could note this on the web page to raise awareness and encourage contribution of a patch? I'd love to use LigatureSymbols, but we require that it must work in Chrome on Windows XP, so until then I can't use it. :cry:

Thanks for the great work on LigatureSymbols anyway, it's beautiful.

drinchev commented 11 years ago

Have you tried using the unicode characters :

<span class='glyph'>&#xE000;</span>

This should work in Chrome for Windows

lanterndev commented 11 years ago

@drinchev Shouldn't that be the same as a CSS rule like

.lsf-icon.lsf-friends:before { content: '\E051'; }

which is known to not work? I tried the escaped unicode character in html as you suggested and it didn't work either. Does this work for you on Windows XP? Would love to see a screenshot and accompanying code if so. Thanks for noticing this issue!

drinchev commented 11 years ago

They all seem to work ...

http://jsbin.com/urocoz/4/edit

image

Update : the letter substitution breaks sometimes ( for unknown reason ), use ctrl+r to refresh in order to display properly

Version 25.0.1364.172 m

lanterndev commented 11 years ago

Thanks so much for showing that it can work! After debugging my code further, I just figured out that the

  -webkit-font-feature-settings: "liga" 1, "dlig" 1;

rule I got from LigatureSymbols' default style.css was what was breaking it. If you add that to your jsbin, does it break for you too?