我试图了解我正在使用和学习的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。如果他们没有，它将使用浏览器的默认sans-serif字体。在OSX和iOS中，这是Helvetica，在Windows中是Arial，在Android上是Droid Sans或Roboto，具体取决于版本。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句