css怎么调整字体?

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中文网 !!

以上就是css怎么调整字体?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏