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

时间:2015-12-01 18:59:15

标签: html css

我想在HTML文档中使用css语法将font-family设置为" Arial"整个文档的字体大小为0.3厘米。

我使用此代码:

<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>

而且我也不确定我是否会使用&#34; cm&#34;在代码中,我的意思是它在浏览器中工作,但它是正确的&#34;代码方式&#34; ?

感谢

3 个答案:

答案 0 :(得分:4)

  

font-family:Arial

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

  

font-family:Arial,'Helvetica Neue',Helvetica,sans-serif

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

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

  

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

是的,cm是一个有效的CSS测量单位。

答案 1 :(得分:1)

  

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

您可以单独使用Arial但建议使用font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;只是案例 Arial 不能使用。

  

而且我也不确定我是否在代码中使用“cm”,我的意思是它在浏览器中有效,但它是否正确“代码明智”?

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

字体大小的推荐单位为 em,px,%,rem

答案 2 :(得分:0)

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>也是最佳做法。通用字体的详尽列表是:

  

serif,sans-serif,monospace,cursive,fantasy

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