CSS字体属性之字体
<!DOCTYPE html>
<html lang="en">
<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>CSS字体属性之字体系列</title>
<style>
h2 {
/* 推荐使用英文,可以更好的兼容 */
/* 遇到多个单词组成的字体,尽量用''包含起来。一个单词不需要包 */
font-family: 'Microsoft Yahei';
}
p {
font-family: '微软雅黑';
}
</style>
</head>
<!-- 一般是给body制定字体,可以同时制定好多个字体,系统优先选择第一个进行展示,如果电脑上没有第一种,则展示第二种 以此类推 -->
<body>
<h2>pink的秘密</h2>
<p>那一抹众人中最漂亮的颜色,</p>
<p>优雅,淡然,又那么心中澄澈</p>
<p>前端总是伴随着困难和犯错</p>
<p>静心,坦然,攻克一个又一个</p>
<p>拼死也要克服它,</p>
<p>这是pink的秘密也是老师最终的嘱托</p>
</body>
</html>