通过CSS阻止Safari（Mavericks / iOS7）中的连字 [英] Prevent ligatures in Safari (Mavericks/iOS7) via CSS

问题描述

是否有可能防止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屋！