Html iPad上的Avenir Next Compressed显示为斜体
我正在尝试使用重量为100(非常轻)的Avenir Next压缩字体。它在我尝试过的所有浏览器上都能正常工作,除了iOS上显示为斜体的浏览器。有没有办法解决这个问题 这是一个测试页面,当在iPad(或iPad模拟器)上查看时,文本为斜体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
<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上的字体列表如下: