CSS字体属性设置须知

本文向大家描述一下CSS字体属性的使用，CSS字体属性允许您设置字体系列(font-family)和字体加粗(font-weight)，您还可以设置字体的大小、字体风格（如斜体）和字体变形（如小型大写字母）。

CSS字体

CSS字体(font)属性定义文本中的字体。

设置CSS字体属性是样式表的最常见用途之一。CSS字体属性允许您设置字体系列(font-family)和字体加粗(font-weight)，您还可以设置字体的大小、字体风格（如斜体）和字体变形（如小型大写字母）。

指定CSS字体

可以使用font-family属性在文档中采用某种字体系列。

使用通用CSS字体系列

如果你希望文档使用一种sans-serif字体，但是你并不关心是哪一种字体，以下就是一个合适的声明：

body{font-family:sans-serif;}这样用户代理就会从sans-serif字体系列中选择一个字体（如Helvetica），并将其应用到body元素。因为有继承，这种字体选择还将应用到body元素中包含的所有元素，除非有一种更特定的选择器将其覆盖。

指定CSS字体系列

除了指定通用的字体系列，您还可以通过font-family属性设置更具体的字体。

下面的例子为所有h1元素设置了Verdana字体：

 
 
 
  
  
  h1{font-family:Georgia;}

这样的规则同时会产生另外一个问题，如果用户代理上没有安装Georgia字体，就只能使用用户代理的默认字体来显示h1元素。

我们可以通过结合特定字体名和通用字体系列来解决这个问题：

 
 
 
  
  
  h1{font-family:Georgia,serif;}

如果读者没有安装Georgia，但安装了Times字体（serif字体系列中的一种字体），用户代理就可能对h1元素使用Times。尽管Times与Georgia并不完全匹配，但至少足够接近。

因此，我们建议在所有font-family规则中都提供一个通用CSS字体系列。这样就提供了一条后路，在用户代理无法提供与规则匹配的特定字体时，就可以选择一个候选字体。

如果您对字体非常熟悉，也可以为给定的元素指定一系列类似的字体。要做到这一点，需要把这些字体按照优先顺序排列，然后用逗号进行连接：

 
 
 
  
  
  p{font-family:Times,TimesNR,'NewCenturySchoolbook',  
  
  
  Georgia,'NewYork',serif;}

根据这个列表，用户代理会按所列的顺序查找这些字体。如果列出的所有字体都不可用，就会简单地选择一种可用的serif字体。

使用引号

您也许已经注意到了，上面的例子中使用了单引号。只有当一个CSS字体名中有一个或多个空格（比如NewYork），或者如果字体名包括#或$之类的符号，才需要在font-family声明中加引号。

单引号或双引号都可以接受。但是，如果把一个font-family属性放在HTML的style属性中，则需要使用该属性本身未使用的那种引号。

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容