0

我正在使用 Google Web Fonts，但我不完全确定如何正确定义font-style/ font-weight。

normal定义或400作为常规正文副本所需的字体粗细有什么区别？

我只是定义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>
4

2 回答 2

1

这实际上取决于您使用的字体。例如，在 Helvetica 中，100 会很轻，正如外星人先生所说的那样。但是大多数字体没有光，所以 100 将是常规的。我真的认为，最后，你使用什么命名并不重要，因为“bold”、“regular”或“light”只是助记符。

在 Google WebFonts 中，权重是用数字衡量的，请查看您创建的 CSS 链接：family=Gudea:400,700,400italic。在这种情况下，很明显您有两个版本的类型：400（常规）和 400 斜体，以及 700（粗体）。每个低于 400 的数字都是常规的，每个高于 700 的数字都是粗体。中间的数字……你必须尝试一下。:)

于 2013-02-04T12:06:43.317 回答
0

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

它说什么：

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

p { 字体粗细：正常 } /* 400 */

h1 { font-weight: 700 } /* 粗体 */

于 2013-02-04T18:11:11.740 回答