在iPad上的Avenir Next Condensed显示为Italics

时间:2014-04-02 18:25:13

标签: html ios css webfonts

我尝试使用Avenir Next Condensed字体,重量为100(非常轻)。它适用于所有我尝试过的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>

1 个答案:

答案 0 :(得分:0)

在iOS上没有字体称为&#34; Avenir Next Condensed&#34;,但是字体名为&#34; AvenirNextCondensed-Italic&#34;和#34; AvenirNextCondensed-UltraLight&#34;在其他人中。当你指定一个不存在的字体时,它会尝试模糊匹配它所拥有的字体,但它并不总是正确。简单的修复就是指定正确的字体:&#34; AvenirNextCondensed-UltraLight&#34;在这种情况下。

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