Html CSS字体最佳实践

我试图理解CSS模板中的字体声明，我正在使用和学习该模板。大多数CSS教程都没有这样设置字体大小。这似乎确实有效，我只是想知道到底发生了什么

body{
font:300 15px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

300号在干什么？为什么创造者会使用15px/1.4的一小部分，而不是像10px那样的东西

---

另外，什么时候在字体上使用引号合适，什么时候不合适？

300-字体重量

15px/1.4-字体大小/行高

font-“Helvetica Neue”单引号优先字体

语法 例子

---

它是以下内容的简写语法：

font-weight: 300;
font-size: 15px;
line-height: 1.4;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

字重 300只是表示字体重量的数字。默认值为400，“粗体”相当于700。这是一种具有多种不同权重的字体，可以让您很好地了解数字对应的内容：

线高 当数字不包括一个单位（如px、em等）时，它是字体大小的倍数。在本例中，15px*1.4=21px，因此它相当于

行高度：21px

字体系列

---

这是您首选字体的列表，按降序排列。如果用户没有安装Helvetica Neue，它将返回Helvetica。如果他们没有这个，它会回到Arial。如果没有，它将使用浏览器默认的无衬线字体。在OSX和iOS中，这是Helvetica，在Windows上是Arial，在Android上是Droid Sans或Roboto，具体取决于版本。

1.4是线条高度…不是厘米。

body {
   font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif;
}

font-weight: 300;
font-size: 15px;
line-height: 1.4;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;