我试图在我正在使用和学习的 CSS 模板中理解这个字体声明。大多数 CSS 教程不会以这种方式设置字体大小。它似乎确实有效，我只是想知道到底发生了什么。
body{
font:300 15px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
300 号码在做什么？为什么创作者会使用 15px/1.4 的一小部分而不是仅仅放置 10px 之类的东西？
另外，什么时候在字体上使用引号合适，什么时候不合适？
最佳答案
它是以下内容的简写语法:
font-weight: 300;
font-size: 15px;
line-height: 1.4;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
字重
300只是字体粗细的一个数字表示。默认值为 400，“粗体”相当于 700。这是一种具有许多不同粗细的字体，应该可以让您很好地了解数字对应的内容:http://www.google.com/fonts/specimen/Source+Sans+Pro
行高
当数字不包含单位(如 px、em 等)时，它是字体大小的倍数。在本例中，15px * 1.4 = 21px，因此它相当于 line-height: 21px。
字体系列
这是您的首选字体列表，按降序排列。如果用户没有安装 Helvetica Neue，它将回退到 Helvetica。如果他们没有，它将回落到 Arial。如果他们没有，它将使用浏览器的默认无衬线字体。在 OSX 和 iOS 中是 Helvetica，在 Windows 中是 Arial，在 Android 中是 Droid Sans 或 Roboto，具体取决于版本。
关于html - CSS 字体最佳实践，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22274450/