我们需要创建一个HTML文件,然后在文件中添加一个标题,接下来,我们将使用CSS来改变字体,以下是一个简单的示例:
Markup
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>改变字体示例</title>
<style>
h1 {
font-family: "微软雅黑", sans-serif;
font-size: 24px;
color: #333;
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这里是一段内容,我们将使用CSS来改变字体,在这个示例中,我们将使用微软雅黑字体,字体大小为24像素,颜色为深灰色,你可以根据需要修改这些值。</p>
</body>
</html>
这个示例中,我们创建了一个包含标题和段落的简单HTML页面,在<style>
标签内,我们定义了一个名为h1
的选择器,用于选择所有的<h1>
元素,我们设置了font-family
属性,使其使用微软雅黑字体;font-size
属性,设置字体大小为24像素;以及color
属性,设置字体颜色为深灰色。
你可以将这段代码复制到一个名为change_font.html
的文件中,然后用浏览器打开它,查看效果,如果需要更改字体、大小或颜色,只需修改相应的CSS属性即可。
还没有评论,来说两句吧...