CSS中怎么设置字体属性
CSS中怎么设置字体属性,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
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属性设置更具体的字体。
下面的例子为所有h2元素设置了Verdana字体:
h2{font-family:Georgia;}
这样的规则同时会产生另外一个问题,如果用户代理上没有安装Georgia字体,就只能使用用户代理的默认字体来显示h2元素。
我们可以通过结合特定字体名和通用字体系列来解决这个问题:
h2{font-family:Georgia,serif;}
如果读者没有安装Georgia,但安装了Times字体(serif字体系列中的一种字体),用户代理就可能对h2元素使用Times。尽管Times与Georgia并不完全匹配,但至少足够接近。
因此,我们建议在所有font-family规则中都提供一个通用CSS字体系列。这样就提供了一条后路,在用户代理无法提供与规则匹配的特定字体时,就可以选择一个候选字体。
如果您对字体非常熟悉,也可以为给定的元素指定一系列类似的字体。要做到这一点,需要把这些字体按照优先顺序排列,然后用逗号进行连接:
p{font-family:Times,TimesNR,'NewCenturySchoolbook',Georgia,'NewYork',serif;}
根据这个列表,用户代理会按所列的顺序查找这些字体。如果列出的所有字体都不可用,就会简单地选择一种可用的serif字体。
使用引号
您也许已经注意到了,上面的例子中使用了单引号。只有当一个CSS字体名中有一个或多个空格(比如NewYork),或者如果字体名包括#或$之类的符号,才需要在font-family声明中加引号。
单引号或双引号都可以接受。但是,如果把一个font-family属性放在HTML的style属性中,则需要使用该属性本身未使用的那种引号。
关于CSS中怎么设置字体属性问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注恰卡编程网行业资讯频道了解更多相关知识。
推荐阅读
-
CSS中如何让auto height支持过渡动画
CSS中如何让autoheight支持过渡动画这篇文章主要讲解了...
-
css语言的概念是什么
css语言的概念是什么这篇文章主要讲解了“css语言的概念是什么”...
-
php 压缩CSS代码
-
PHP工程师需要掌握什么技能?
-
泰牛韩顺平PHP四大模块实战开发教程全集网盘下载
-
css中的margin-right怎么设置
css中的margin-right怎么设置本篇内容主要讲解“css...
-
css元素浮动所需注意的事项有哪些
-
引入css样式使用的标签是哪个
-
css复合选择器有哪几种
css复合选择器有哪几种本篇内容介绍了“css复合选择器有哪几种”...
-
css样式表由什么组成
css样式表由什么组成这篇文章主要介绍“css样式表由什么组成”,...