@fontface FireFox(10)将文本渲染得非常粗体
我用@ font -face在css中实现了一个字体，当加载到Safari中时，它看起来更胖了。有人知道这是什么原因吗？
@font-face {
font-family: 'SerifaBold';
src: url('/css/serifbol-webfont.eot');
src: url('/css/serifbol-webfont.eot?#iefix') format('embedded-opentype'),
url('/css/serifbol-webfont.woff') format('woff'),
url('/css/serifbol-webfont.ttf') format('truetype'),
url('/css/serifbol-webfont.svg#SerifaBold') format('svg');
font-weight: 100;
font-style: normal;
}回答 4
Stack Overflow用户
发布于 2012-03-14 04:21:08
您的字体规则是告诉浏览器这是一种超轻字体( font-weight: 100部件)。然后，您可能会请求浏览器对具有普通粗体(font-weight: 400)或粗体(font-weight: 700)的文本使用这种字体。浏览器看到它使用的是超轻字体(因为你是这么说的)，它需要一个普通字体，然后它就会做所谓的“合成粗体”：人为地让字母变得更加粗体，方法是多次绘制字母，然后稍作偏移。
合成粗体没有标准，浏览器的默认行为也各不相同。
如果您尝试将这种字体用于粗体文本，并且它已经是粗体，那么应该在您的字体规则中使用font-weight描述符进行说明。
Stack Overflow用户
发布于 2012-08-21 05:55:14
当使用包含字体系列中包含的不同粗细和/或斜体的“字体变体”的web字体时，请始终对每个样式声明应用" font - style : normal“& font-weight: 400；(或font-weight:normal)。确保为每个变体显式声明不同的字体系列：
我用的是fonts.com的Helvatica Neue
strong, b {
font-family:'HelveticaNeueW01-75Bold', 'Arial Black', Arial, sans-serif;
font-weight: 400;
}
em, i {
font-family: 'HelveticaNeueW01-56It', Arial, sans-serif;
font-style: normal;
}Firefox将通过对漂亮的@font-face字体进行粗体和斜体处理来“帮助”你的字体，让它们变得非常丑陋，并毁掉设计师在创建字体时所做的所有辛勤工作。
这适用于所有来源的字体，包括typekit、谷歌、fonts.com和本地托管的字体。
Stack Overflow用户
发布于 2012-03-14 00:36:14
我发现同样的事情也会发生。这几乎就像是它的整个重量超过了它应有的重量。也许可以尝试使用非粗体版本的字体作为起点？
https://stackoverflow.com/questions/9688025
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号