什么：300意味着这个谷歌字体？

Question

我的HTML模板中有字体加载：

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>

“300”是什么意思和做什么？

Answer 1

它主要为生成的CSS设置font-weight。但它也改变了源字体系列。

实施例

• 300 - Open Sans Light
• 600 - Open Sans Semibold
• 800 - Open Sans Extrabold

比较您的链接与http://fonts.googleapis.com/css?family=Open+Sans:800

Answer 2

字体权重可以定义为：

• 的正常

正常的字体粗细。与400相同。

• 粗体

粗体字体重。与700相同。

• 的打火机

一个比父元素轻的字体（在字体的可用权重中）。

• 的更大胆的

一个比父元素更暗的字体（在字体的可用权重中）。

---

或者可以使用数字表示法定义：

• 100,200,300,400,500,600,700,800,900

提供超出正常和粗体的字体的数字字体粗细。

如果给定的确切重量不可用，那么600-900使用最接近的可用较暗的重量（或者，如果没有，则使用最接近的较轻重量），并且100-500使用最接近的较轻重量（或者，如果没有，最接近可用的较暗的重量。）

这意味着对于仅提供普通和粗体的字体，100-500是正常的，600-900是粗体。

---

对于那种特殊情况，字体的设置比普通的粗体略亮。

Answer 3

这是字体粗细。 300是正常体重。

它在CSS2中：http://www.devguru.com/technologies/css/quickref/css_fontweight.html