<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
/* @font-face {
font-family:Daum;
src: url(font/Inkfree.ttf);
}
.test{
font: 50px "daum";
} */
.test{
font: 100px "微软雅黑";
}
</style>
</head>
<body>
<div class="test">
周冬雨SY
</div>
</body>
</html>
自定义字体
@font-face{
font-family:文字名称（自己设定的）;
src：url（字体位置）;
}
字体图标就是icon图标具体使用步骤见CSS3-字体图标的使用_蓬莱老仙的博客-CSDN博客