应用字体重量时设备上的字体表面显示不一致

我在iDevices上显示字体时出现此问题。当font-weight设置为粗体时，显示会变得更加宽泛和不同。可能是什么原因？应用字体重量时设备上的字体表面显示不一致

预期（从桌面PC）：

expected

设备（iPhone 4S或iPad）：

device

我这是怎么声明的字体：

@font-face { 
    font-family: 'ITCAvantGardeGothicBook'; 
    src: url('/assets/font/avantgarde-book-webfont.eot'); 
    src: url('/assets/font/avantgarde-book-webfont.eot?#iefix') format('embedded-opentype'), 
     url('/assets/font/avantgarde-book-webfont.woff') format('woff'), 
     url('/assets/font/avantgarde-book-webfont.ttf') format('truetype'), 
     url('/assets/font/avantgarde-book-webfont.svg#ITCAvantGardeGothicBook') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

来源

2014-10-07 greener

您的台式电脑可能有ITCAvantGardeGothicBook加粗字体作为单独的ttf文件在本地安装 - 因此它呈现为预期的粗体。不过，您的网页只能以一般的字体重量提供对字体的单一引用...所以浏览器必须在iPhone上查看时模拟出一个仿造的粗体。人造大胆永远看起来不如真正的粗体字体。

如果您希望自己的粗体字体看起来很完美，请将单独的粗体字体包含到实际粗体字体的链接中。

阅读此篇关于为什么这是很重要的信息： http://www.metaltoad.com/blog/how-use-font-face-avoid-faux-italic-and-bold-browser-styles

来源

2014-10-07 22:08:13 TimHayes

这很有趣。现在的问题是，我所拥有的'粗体'字体与'book'的_faux_粗体版本不同。事实上，我拥有大胆，中等和中等的书。如果我喜欢的大胆版本不是官方的'bold' ttf，我不知道该怎么办。 – greener 2014-10-07 23:19:00

你应该可以用正确的@ font-face声明来解决它。我不太清楚你想要做什么，但是连接一个真正的粗体字体应该避免页面回复到丑陋的粗体。 – TimHayes 2014-10-08 01:08:31

应用字体重量时设备上的字体表面显示不一致

回答

相关问题