html怎么改字体自定义字体代码

猿友 2021-04-15 15:55:57 浏览数 (9511)

HTML 怎么改字体这个问题针对两种情况，一种是全局字体的更改，一种是局部字体的更改，今天小编就为大家介绍一下这两种常用的 HTML 自定义字体代码，希望能对各位有所帮助。

先说说全局字体的设置方式

body{font-family:”黑体”}

局部自定义字体代码

.boxs{font-family:”黑体”}
<div class=”boxs”>这部分字体会变成黑体</div>

把上面两种情况串联起来演示：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html怎么改字体 www.w3cschool.cn</title>
<style>
body{ font-family:"宋体"}
.box{ font-family:"黑体"}
</style>
</head>
<body>
<p>页面默认是宋体</p>
<p class="box">
页面默认是宋体局部变成黑体
</p>
<p>页面默认是宋体</p>
</body>
</html>

运行结果

html自定义字体代码

html怎么改字体 自定义字体代码

html怎么改字体自定义字体代码