您现在的位置是: 首页 » 网页代码 » css怎么设置字体?
网页代码

css怎么设置字体?

网站优化小编一月 10, 2020 9人已围观

CSS 字体属性定义文本的字体系列、大小、加粗、风格(如斜体)和变形(如小型大写字母)。下面我们来看一下如何使用css来设置字体。

网站运营中栏目排名优化技巧

font-family规定元素的字体系列。font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。

示例:

设置文本的字体:

<html>
<head>
<style type="text/css">
p.serif{font-family:"Times New Roman",Georgia,Serif}
p.sansserif{font-family:Arial,Verdana,Sans-serif}
</style>
</head>

<body>
<h1>CSS font-family</h1>
<p class="serif">This is a paragraph, shown in the Times New Roman font.</p>
<p class="sansserif">This is a paragraph, shown in the Arial font.</p>

</body>
</html>

效果图:

网站运营中栏目排名优化技巧

在 CSS 中,有两种不同类型的字体系列名称:

  • 通用字体系列 - 拥有相似外观的字体系统组合(比如 "Serif" 或 "Monospace")

  • 特定字体系列 - 具体的字体系列(比如 "Times" 或 "Courier")

除了各种特定的字体系列外,CSS 定义了 5 种通用字体系列:

  • Serif 字体

  • Sans-serif 字体

  • Monospace 字体

  • Cursive 字体

  • Fantasy 字体

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:263天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:3909 条
  • 文章评论:104 条
  • 微信公众号:扫描二维码,关注我们