正确定义webfonts的样式(font-style / font-weight)

时间:2013-02-04 11:11:54

标签: css fonts webfonts google-webfonts

我正在使用Google网络字体,我不完全确定如何正确定义font-style / font-weight

normal400定义为常规正文副本所需的字体权重有什么区别?

我只是定义font-style: italic;或引用斜体字体吗?

代码:

<link href="http://fonts.googleapis.com/css?family=Gudea:400,700,400italic">
<style>
body {
    font: 1.25em/1.5 Gudea, Helvetica, Arial, sans-serif;
}
em {
    font-style: italic;

    /* or:
    font-style: normal;
    font-family: "Gudea Italic";
    */
}
strong {
    font-weight: bold;

    /* or:
    font-weight: 700;
    */
}
</style>

2 个答案:

答案 0 :(得分:1)

这实际上取决于您使用的是哪种字体。例如,在Helvetica,100将会很轻,正如Alien先生所说。但是大多数字体都没有光线,所以100会有规律。我真的认为,最终,你使用的命名并不重要,因为“粗体”,“常规”或“光”只是助记符。

在Google WebFonts中,权重是以数字方式衡量的,请查看您所做的CSS链接: family = Gudea:400,700,400italic 。在这种情况下,很明显您有两种类型的版本:400(常规)和400斜体,以及700(粗体)。每个低于400的数字都是常规的,每个高于700的数字都是大胆的。中间的数字......你必须尝试它们。 :)

答案 1 :(得分:0)

您可以在哪里找到有关该主题的更多信息:w3c font-boldness

它说的是什么:

  

'font-weight'属性选择字体的重量。值“100”到“900”形成有序序列,其中每个数字表示至少与其前身一样暗的权重。关键字“normal”与“400”同义,“bold”与“700”同义。 “正常”和“粗体”以外的关键字经常被证明与字体名称混淆,因此为9值列表选择了数字刻度。

     

p {font-weight:normal} / * 400 * /

     

h1 {font-weight:700} / * bold * /