如何在html / css中设置字体系列和大小

Question

我想在HTML文档中使用css语法将整个文档的字体系列设置为“ Arial”，将字体大小设置为0.3cm。

我使用以下代码：

<style>
body { font-family: Arial; font-size: 0.3cm }
</style>

我不确定只写Arial是否足够，还是应该写这样的东西？

<style>

body { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 0.3cm }
  </style>

而且我也不确定我是否在代码中使用“ cm”，我的意思是它可以在浏览器中使用，但是否正确“ code-wise”？

谢谢

Answer 1

字体家族：Arial

这意味着如果您的系统上安装了Arial，则浏览器将使用Arial。 如果没有，它将使用您浏览器的默认字体。

字体家族：Arial，'Helvetica Neue'，Helvetica，sans-serif

这意味着如果您的系统上安装了Arial，则浏览器将使用Arial。 否则，如果您的计算机上已安装Helvetica Neue，它将使用Helvetica Neue。 否则，如果您的计算机上已安装Helvetica，它将使用Helvetica。 如果没有，它将使用您浏览器的默认sans-serif字体。

两者都是完全有效的。 他们做的事情略有不同。

而且我也不知道我是否在代码中使用“ cm”

是的，cm是有效的CSS度量单位。

Answer 2

我不确定只写Arial是否足够，还是应该写这样的东西？

您可以单独使用Arial，但建议使用font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 只是在不能使用Arial的情况下。

而且我也不确定我是否在代码中使用“ cm”，我的意思是它可以在浏览器中使用，但是否正确“ code-wise”？

您可以使用cm，但似乎仅建议w3.org进行打印，请检查此链接http://www.w3.org/Style/Examples/007/units.en.html

建议的字体大小单位为em，px，％，rem

Answer 3

font-size属性可以接受length类型的值。 截至撰写本文时，这些类型的详尽列表（不包括实验单位）为：

em，ex，ch，rem，vh，vw，vmin，vmax，px，mm，cm，in，pt，pc

所以，是的。 您可以将cm （厘米）作为该属性的单位。 但是，您应该知道，由于各种显示器上的像素密度不同， 1cm很少会在屏幕上等于一个真实厘米。 如果这确实是您想要的，则可以使用mozmm单位，尽管这是仅由Firefox浏览器支持的实验单位。 cm单位在针对物理印刷媒体的样式表中更常使用。

font-family属性接受字体家族名称的堆栈（以逗号分隔的列表）。 浏览器将使用碰巧能够识别的堆栈中的第一个（安装在计算机上）。

使用font-family: Arial是一个非常安全的选择，因为几乎所有计算机都使用Arial字体，但是为了安全起见，最好包括两个后备字体。 传统上，引号（或单引号）用于多字字体名称或其中带有数字或符号的字体名称。 在列表的末尾包含<generic-name>也被认为是最佳实践。 通用字体的详尽列表为：

衬线，无衬线，等宽，草书，幻想

因此，您为font-family列出的第二个选项更加“防弹”。 它列出了一些后备选项，并以通用字体结尾，以防客户端未安装任何手写字体。