字体图标的案例<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">fonts字体怎么安装
<title>CSS3 Web字体</title>
<style>
body {
text-align: center;
}
/*声明字体*/
@font-face {
/
*第三⽅字体名称*/
font-family: 'testfont01';
/*引⼊第三⽅字体的⽂件*/
src: url('../fonts/') format('embedded-opentype'),
url('../fonts/LiDeBiao-Xing3/LiDeBiao-Xing3.woff') format('woff'),
url('../fonts/f') format('truetype'),
url('../fonts/LiDeBiao-Xing3/LiDeBiao-Xing3.svg') format('svg');
font-weight: normal;
font-style: normal;
}
p.demo {
font-family: testfont01;
font-size: 24px;
}
</style>
</head>
<body>
<p class="demo">
英雄不问出处，流氓不看岁数这个字⾏不⾏
</p>
<p class="demo">⾮英雄，⾮流氓</p>
</body>
</html>