css怎么调整字体?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
css怎么调整字体?
在CSS中可以使用字体(font)属性来调整字体。CSS字体属性用于定义文本的字体系列,大小,加粗,风格和变形。
字体属性有:color:用于定义字体的颜色。
font:复合属性。设置或检索对象中的文本特性。
font-style:设置或检索对象中的字体样式。用于定义字体的风格,如:斜体(italic)等等。
font-variant:设置或检索对象中的文本是否为小型的大写字母。
font-weight:设置或检索对象中的文本字体的粗细。
font-size:设置或检索对象中的字体尺寸,在开发中12px字体最常用。
font-family:设置或检索用于对象中文本的字体名称序列;用于定义字体的样式,如黑体,宋体等等。
font-stretch:设置或检索对象中的文字是否横向拉伸变形。
font-size-adjust:为某个元素规定一个 aspect 值,这样就可以保持首选字体的 x-height。
例:font-family属性介绍
CSS中设置了两种类型的字体系列名称,一种是拥有相似外观的字体系列组合,称为通用字体系统,总共有5种,包括Serif字体、Sans-serif字体、Monospace字体、Cursive字体和Fantasy字体;另一种是具体的字体系列,称为特定字体系列,如Times或Courier。
在CSS中使用font-family属性设置字体,例如下面这段代码h1{
font-family:cambria
}
在这段代码中,我们为标题h1设置字体为Cambria.通常情况下,这样设置是没有问题的,但是如果用户的电脑上没有安装Cambria字体,系统可能会使用通用字体中比较接近的一种字体替代Cambria字体,为了避免出现这种不确定的情况,我们在设置字体的时候可以指定一系列类似的字体,例如下面这段代码:h1{
font-family:cambria,"hoefler Text","liberation Serif",times,"times New roman",serif
}
当系统找不到cambria字体时,就会继续匹配后面一种字体,以此类推,这里还需要说明的一点是,有些字体的名称可能由多个单词组成,例如Hoefler Text,在设置这种字体时需要使用引号,因为这类字体名称中间有一个空格,某些字体名称可能包含#或者$之类的字符,也需要使用引号.
更多web前端开发知识,请查阅 HTML中文网 !!