Html iPad上的Avenir Next Compressed显示为斜体

Html iPad上的Avenir Next Compressed显示为斜体,html,ios,css,webfonts,Html,Ios,Css,Webfonts,我正在尝试使用重量为100(非常轻)的Avenir Next压缩字体。它在我尝试过的所有浏览器上都能正常工作,除了iOS上显示为斜体的浏览器。有没有办法解决这个问题 这是一个测试页面,当在iPad(或iPad模拟器)上查看时,文本为斜体 <html> <style> div { font-family: 'Avenir Next Condensed'; font-weight: 100; font-style: normal

我正在尝试使用重量为100(非常轻)的Avenir Next压缩字体。它在我尝试过的所有浏览器上都能正常工作,除了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>

div{
字体系列:“Avenir Next Condensed”;
字号:100;
字体风格:普通;
}
为什么是斜体?

iOS上没有名为“Avenir Next Condensed Italic”和“AvenirNextCondensed UltraLight”的字体。当您指定一种不存在的字体时,它会尝试与它拥有的字体进行模糊匹配,但并不总是正确匹配。简单的修复方法就是在本例中指定正确的字体:“AvnerNextCondensed UltraLight”

iOS上的字体列表如下: