通过CSS阻止Safari(Mavericks / iOS7)中的连字 [英] Prevent ligatures in Safari (Mavericks/iOS7) via CSS
本文介绍了通过CSS阻止Safari(Mavericks / iOS7)中的连字的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
是否有可能防止Mavericks / iOS7上的Safari / Mobile Safari在Webfont中呈现连字?
我们已经尝试在CSS中使用这个了:
-webkit-font-feature-settings:liga0;
font-feature-settings:liga0;
text-rendering:optimizeSpeed;
但它不工作,连字仍然是空格。
<我们通过添加
解决这个问题-webkit-font- variant-ligatures:no-common-ligatures;
它防止连字出现,从而破坏字体中的符号。
Is there any possibility to prevent Safari/Mobile Safari on Mavericks/iOS7 from rendering ligatures in a Webfont? We're facing issues with not available ligatures in the font beeing displayed as white space.
We already tried using this in the CSS:
-webkit-font-feature-settings:"liga" 0;
font-feature-settings:"liga" 0;
text-rendering: optimizeSpeed;
But it's not working, the ligatures are still blank spaces.
解决方案
We solved this by adding
-webkit-font-variant-ligatures: no-common-ligatures;
to the css styles. It prevents the ligatures from appearing and thus the broken symbols in the font.
这篇关于通过CSS阻止Safari(Mavericks / iOS7)中的连字的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文