我正在尝试使用重量为100(非常轻)的Avenir Next Condensed字体。它在我尝试过的所有浏览器(除了显示为斜体的iOS)上均能正常工作。任何想法如何解决这一问题?

这是一个测试页,在iPad(或iPad模拟器)上查看时,文字以斜体显示。

<html>
  <style>
    div {
      font-family: 'Avenir Next Condensed';
      font-weight: 100;
      font-style: normal;
    }
  </style>
  <div>Why is this italic?</div>
</html>

最佳答案

iOS上没有名为“ AvenirNext Condensed”的字体,但是有名为“ AvenirNextCondensed-Italic”和“ AvenirNextCondensed-UltraLight”的字体。当您指定一种不存在的字体时,它会尝试对其所拥有的字体进行模糊匹配,但并不一定总是正确。简单的解决方法是指定正确的字体:在这种情况下为“ AvenirNextCondensed-UltraLight”。

这里有iOS上可用的字体列表:http://iosfonts.com/

关于html - iPad上的Avenir Next Condensed显示为斜体,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22819914/

10-13 01:08