2013-02-04 41 views
0

我正在使用Google Web字体,但我不完全确定如何正确定义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> 

回答

1

这真的取决于你所使用的字体。例如,在Helvetica,像Alien先生说的那样,100个将会很轻。但是大部分字体都没有光线,所以100个字体是常规的。我真的认为,最终,使用什么命名并不重要,因为“粗体”,“常规”或“光”只是助记符标签。

在Google WebFonts中,重量是用数字度量的,看看你所做的CSS链接:family = Gudea:400,700,400italic。在这种情况下,显然你有两种类型的版本:400(常规)和400斜体,700(粗体)。每个低于400的数字都是规则的,每个高于700的数字都将是大胆的。中间的数字......你必须尝试一下。 :)

+1

100-500等于定期和600-700等于大胆。我试过了。在我的情况下,如果我声明'font-weight:bold:'或'font-weight:700;'并不重要。你还可以说如果使用'font-style:italic'将导致使用正确的草书字体或只是普通字体的对角线版本? – kleinfreund

+0

正确的字体版本(在这种情况下)。 –

0

哪里可以找到更多的话题:w3c font-boldness

什么,它说:

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

p {字体重量:正常}/* 400 */

H1 {字体重量:700}/* *粗体/