html常用字体介绍对比如果没有变化说明不支持哦
我们平常写css的时候在body里通常会定义很多种字体，就是因为有的人的电脑支持那种字体有的字体是不支持的，浏览器就会从你定义的字体中使用它能识别的字体。
通过我们会在body里定义例如
body {
color: #333;
font: 12px/1.8 "宋体",tahoma,arial;
font-family: 'Raleway','Arial',sans-serif;
font-weight: 300;
}
下面我们就来测测你的电脑当前支持哪些字体吧
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html常用字体介绍对比</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width;">
<link href="https://www.erlangyun.com/favicon.ico" rel="shortcut icon">
<style>
html,body{
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
}
body{background: #f9f9f9;font-size: 18px;}
.div1{
width: 300px;
margin:auto;
color:#333;
}
.font1{font: 16px/1.5 tahoma, arial, 5b8b4f53; }
.font2{font: 16px/1.8 "宋体",tahoma,arial;font-family: 'Raleway','Arial',sans-serif;font-weight: 300;}
.font3{font-family: 华文行楷;}
.font4{font-family: arial;}
.font5{font-family: 隶书;}
.font6{font-family: 华文彩云;}
.font7{font-family: 楷体_gb2312;}
.font8{font-family: 方正舒体;}
.font9{font-family: Microsoft YaHei;}
.font10{font-family: STHeiti;}
.font11{font-family: Microsoft JhengHei;}
</style>
</head>
<body>
<div class="div1">
<div>
<h5>看看你的电脑浏览器支持哪些字体，如果没有变化说明不支持哦</h5>
</div>
<div>
<h5>1、浏览器默认字体</h5>
<p>html常用字体介绍__二郎素材库</p>
</div>
<div>
<h5>2、字体一</h5>
<p class="font1">html常用字体介绍__二郎素材库</p>
</div>
<div>
<h5>3、字体二</h5>
<p class="font2">html常用字体介绍__二郎素材库</p>
</div>
<div>
<h5>4、字体三 华文行楷</h5>
<p class="font3">html常用字体介绍__二郎素材库</p>
</div>
<div>
<h5>5、字体四 arial字体</h5>
<p class="font4">html常用字体介绍__二郎素材库</p>
</div>
<div>
<h5>6、字体五 隶书</h5>
<p class="font5">html常用字体介绍__二郎素材库</p>
</div>
<div>
<h5>7、字体六 华文彩云</h5>
<p class="font6">html常用字体介绍__二郎素材库</p>
</div>
<div>
<h5>8、字体七 楷体_gb2312</h5>
<p class="font7">html常用字体介绍__二郎素材库</p>
</div>
<div>
<h5>9、字体八 方正舒体</h5>
<p class="font8">html常用字体介绍__二郎素材库</p>
</div>
<div>
<h5>10、字体九 Microsoft YaHei</h5>
<p class="font9">html常用字体介绍__二郎素材库</p>
</div>
<div>
<h5>11、字体十 华文黑体</h5>
<p class="font10">html常用字体介绍__二郎素材库</p>
</div>
<div>
<h5>12、字体十一 Microsoft JhengHei</h5>
<p class="font11">html常用字体介绍__二郎素材库</p>
</div>
</div>
</body>
</html>
