<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>字体</title>
<style>
h3 {
/* tips 1: 字体属性值可以写中文或者英文（更推荐写英文，兼容性更好）。*/
font-family: 'Microsoft YaHei';
/* font-family: '微软雅黑'; */
}
p {
/* tips 2: 可以写多个字体，并用逗号隔开。
(页面显示时，会先寻找第一种字体，如果有该字体就显示，否则再寻找下一个，如果都没找到就显示浏览器的默认字体)
（谷歌浏览器的默认字体为：微软雅黑 Microsoft YaHei）
tips 3：字体单词为多个时，用空格隔开单词，并加引号。*/
font-family: 'Times New Roman', Times, serif;
}
</style>
</head>
<body>
<h3>一剪梅·红藕香残玉簟dian秋</h3>
<p>hello hello hi </p>
<div>云中谁寄锦书来？雁字回时，月满西楼。</div>
<h2>花自飘零水自流。一种相思，两处闲愁。</h2>
<span>此情无计可消除，才下眉头，却上心头。</span>
</body>
</html>
