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

如何在html/css中设置字体系列和大小,html,css,Html,Css,我想在HTML文档中使用css语法将整个文档的字体系列设置为“Arial”,字体大小设置为0.3cm 我使用以下代码: <style> body { font-family: Arial; font-size: 0.3cm } </style> 正文{字体系列:Arial;字体大小:0.3cm} 我不确定只写Arial是否足够,还是应该写这样的东西 <style> body { font-family: Arial, 'Helvetica Neue',

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

我使用以下代码:

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

正文{字体系列:Arial;字体大小:0.3cm}
我不确定只写Arial是否足够,还是应该写这样的东西

<style>

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

正文{字体系列:Arial,'Helvetica Neue',Helvetica,无衬线;字体大小:0.3cm}
我也不确定我是否在代码中使用了“cm”,我的意思是它在浏览器中工作,但它是否正确

谢谢

字体系列:Arial

这意味着,如果系统上安装了Arial,浏览器将使用它。如果不是,它将使用浏览器的默认字体

字体系列:Arial,'Helvetica Neue',Helvetica,无衬线

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

两者都是完全正确的。他们只是做一些稍微不同的事情

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

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

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

<style>

body { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 0.3cm }
  </style>
您可以单独使用Arial,但最好使用
font-family:Arial,'Helvetica Neue',Helvetica,sans serif
Just is caseArial不能使用

我也不确定我是否在代码中使用了“cm”,我的意思是它在浏览器中工作,但它是否正确

您可以使用cm,但似乎只建议使用w3.org进行打印,请查看此链接

字体大小的建议单位为em、px、%和rem

属性可以接受类型的值。截至撰写本文时,这些类型(不包括实验装置)的详尽清单如下:

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

所以,是的。可以使用
cm
(厘米)作为该属性的单位。不过,您应该知道,由于不同显示器上的像素密度不同,屏幕上的
1cm
很少等于真厘米。如果这真的是你想要的,你可以使用
mozmm
度量单位,尽管这是一个只有Firefox浏览器支持的实验单位。
cm
单元更常用于针对物理打印介质的样式表中

该属性接受字体系列名称的堆栈(逗号分隔列表)。浏览器将使用它碰巧识别的堆栈中的第一个(安装在计算机上)

使用
font-family:Arial
是一个相当安全的选择,因为几乎所有的计算机都有Arial字体,但为了安全起见,最好包含两种回退字体。引号(或单引号)通常用于多字字体名称或带有数字或符号的字体名称。在列表末尾添加
也是最佳做法。通用字体的详细列表如下:

衬线、无衬线、单空格、草书、幻想


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

最好使用第二个示例,使用几种字体作为备用字体,以防万一-即使Arial应该始终可用。Dupe 1谢谢,字体大小如何,有什么建议吗?Dupe 2我会注意到cm是最适合打印样式表的单元,并且有更好的屏幕替代方案。不知道为什么你会被否决。你的答案都是正确的,没有必要对
cm
单元的最佳用途强加任何意见。我不是反对者,但我的感觉是,给定监视器使用像素作为测量单位,
px
将更适合屏幕样式表,以及其他常见的怀疑(
em
rem
等)我不知道3厘米在一些大小和像素密度未知的显示器上会是什么样子。浏览器仍会计算出来,但我认为使用像素相关单位会更容易预测。@WoodrowBarlow我的观点不是:@Leonardo绝对会使用
cm
作为物理媒体-例如,在一张照片的打印样式表中如果你的样式表是为浏览器设计一个页面,你应该考虑<代码> px<代码>,<代码> e> <代码>,>代码> REM,<代码> %>代码>等等。但是注意,像素是整数,请将它们关闭。请注意,W3是不是W3Studio。@ MistelePic是的,你是对的,我刚刚添加了它,但是它不支持旧版本的IETr够,这就是我不支持旧版本IE的原因:)