字体图标
下载地址: https://www.iconfont.cn/
https://icomoon.io/
https://icomoon.io/ 进去以后 选择好图标 点击 generate Font 下载以后解压
把 fonts 放到根目录里
使用方法:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
@font-face {
/*1. 这个字体名称要注意 icomoon*/
font-family: 'icomoon';
/*2. 一定要注意路径的问题*/
src: url('fonts/icomoon.eot?7kkyc2');
src: url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?7kkyc2') format('truetype'),
url('fonts/icomoon.woff?7kkyc2') format('woff'),
url('fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
span,
div,
strong {
font-family: 'icomoon';
font-size: 50px;
color: red;
}
</style>
</head>
<body>
<span> </span>
<div> </div>
<strong> </strong>
</body>
</html>
追加的方法： https://icomoon.io/
点击 -》 icMoon App -> Import Icons ->引入之前的字体selection.json 文件，重新添加新的就可以了