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

【问题标题】：How to set font family and size in html/css如何在 html/css 中设置字体系列和大小
【发布时间】：2015-12-04 04:03:58
【问题描述】：

我想在 HTML 文档中使用 css 语法将整个文档的 font-family 设置为“Arial”，将 font-size 设置为 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”？

谢谢

【问题讨论】：

最好的做法是使用第二个示例，使用多种字体作为备用，以防万一 - 即使 Arial 应该始终可用。
欺骗 1 stackoverflow.com/questions/16297619/…
谢谢，字体大小怎么样，有什么建议吗？
欺骗 2 stackoverflow.com/questions/6996632/…

标签： html css

【解决方案1】：

字体系列：Arial

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

字体系列：Arial、'Helvetica Neue'、Helvetica、无衬线

这意味着如果您的系统上安装了 Arial，浏览器将使用它。如果没有，如果您的计算机上安装了 Helvetica Neue，它将使用 Helvetica Neue。如果没有，如果您的计算机上安装了 Helvetica，它将使用 Helvetica。如果没有，它将使用您浏览器的默认无衬线字体。

两者都是完全有效的。他们只是做些稍微不同的事情。

我也不确定我是否可以在代码中使用“cm”

是的，厘米是一个有效的 CSS 度量单位。

【讨论】：

我会注意到 cm 是最适合打印样式表的单位，并且有更好的屏幕替代方案。
不知道为什么你被否决了。您的回答都是正确的，没有必要对cm 单元的最佳用途强加任何意见。
我不是反对者，但我的感觉是，鉴于显示器使用像素作为测量单位，px 将更适合屏幕样式表，以及其他常见的嫌疑人 (em 、rem 等。）我不知道在尺寸和像素密度未知的某些显示器上 3 厘米会是多少。浏览器仍然会解决这个问题，但我认为使用与像素相关的单位会更容易预测。
@WoodrowBarlow 这个观点不是我的：w3.org/Style/Examples/007/units.en.html
@Leonardo 绝对将cm 用于物理媒体 - 例如。在一张纸的打印样式表中。如果您的样式表是为浏览器设置页面样式，您应该考虑px、em、rem、% 等...但是请注意像素是整数，请将它们四舍五入。

【解决方案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

【讨论】：

请注意，W3 不是 w3schools。
@MisterEpic 是的，你是对的，我刚刚添加了它，但它不支持旧版本的 IE
确实如此，这就是为什么我不支持旧版本的 IE :)

【解决方案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 列出的第二个选项更“防弹”。它列出了一些备用选项，并以通用字体结尾，以防客户端未安装任何精选字体。

【讨论】：