Question

我知道浏览器的不同之处。我知道“普通”字体权重属性，即使是粗体字体也是如此。我知道周围有不同的字体代数。

无论如何，每次我们转换粗体字体时，它都会变得更厚。

有没有人经历过这个？你有什么方法可以克服这个问题？

我们通常最终依赖常规（假装为“粗体”）和轻松（如果存在）作为“常规”工作，以“修复”外观。

注意（更新）：我们使用的是具有原生粗体的字体。这就是问题所在。我们 NOT 添加任何“额外的粗体”。

Answer 1

它被称为“人造大胆”。如果文本的样式为粗体或斜体，并且字体系列不包含粗体或斜体字体，则浏览器将通过尝试自行创建粗体和斜体样式来进行补偿。

这些计算出的形状很难看。使用斜体，您可以获得罗马式的倾斜版本（而真正的斜体是完全不同的形状概念），而常规则是“升级”。变成大胆的。几乎如果应用边框。这些计算出的形状是（类型）设计师的噩梦。

有关人造粗体的更多内容：http://alistapart.com/article/say-no-to-faux-bold

您可以通过提供适当的字体来避免虚假粗体。像这样：

result = query.CopyToDataTable<DataRow>();

另请阅读文章（以及如何不定义样式/权重）： http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/

更新：

您可能还会遇到字体平滑问题。哪个可以用一些css修复：

@font-face {
    font-family: 'DroidSerif';
    src: url('DroidSerif-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DroidSerif';
    src: url('DroidSerif-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'DroidSerif';
    src: url('DroidSerif-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'DroidSerif';
    src: url('DroidSerif-BoldItalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

body { font-family:"DroidSerif", Georgia, serif; }
h1 { font-weight:bold; }
em { font-style:italic; }
strong em {
    font-weight:bold;
    font-style:italic;
}

为什么生成的粗体字体在浏览器上看起来更大胆，更厚？

1 个答案: