css中font-family6

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,使用<font-family>属性来指定文本的字体,其中font-family属性可以设置不止一个字体,如果浏览器不支持其中一个字体,则会使用后备字体来代替。这

在CSS中,使用<font-family>属性来指定文本的字体,其中font-family属性可以设置不止一个字体,如果浏览器不支持其中一个字体,则会使用后备字体来代替。这样可以确保在任何情况下都能够正常显示文本。

在CSS3中,有六个预设置的font-family值,分别是:serifsans-serifmonospacecursivefantasysystem-ui

serif指的是衬线字体,如Times New Roman、Georgia等,这种字体适合用于印刷品和长文本,其字母形状较为传统,相对较为稳重。

sans-serif指的是无衬线字体,如Arial、Helvetica等,这种字体虽然没有衬线,但由于其字母形状较为简洁,因此适合用于设计风格更为现代的文本中。

monospace指的是等宽字体,如Courier、Consolas等,每个字符都有相同的宽度,主要用于编程或排版代码等需要垂直对齐的文本上。

cursive指的是草书体,如Brush Script、Lucida Handwriting等,这种字体印象较为柔和,适合用于艺术性较强的文本上。

fantasy指的是艺术字体,如Impact、Blackadder等,这种字体具有艺术性较强的特征,适合用于标题或一些装饰文本上。

system-ui则是一个新的预设值,它是在操作系统中设定的一种字体,在不同的操作系统上有不同的默认字体,具有很好的可读性和可用性。

body {
  font-family: serif, "Times New Roman", Georgia;
}

当使用这个样式时,浏览器会先尝试使用serif字体,如果该字体不可用,则会尝试使用系统自带的Times New RomanGeorgia字体。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中font-family6

粉丝

0

关注

0

收藏

0

已有0次打赏