我正在尝试使用重量为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/