1、全局安装插件
npm install font-spider -g
2、打开字体文件夹
3、新建一个 index.html 文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
@font-face {
font-family: 'AlimamaShuHeiTi-Bold';
src: url('./AlimamaShuHeiTi-Bold.ttf');
}
.font-ali {
font-family: 'AlimamaShuHeiTi-Bold';
}
</style>
</head>
<body>
<!-- 对应AlimamaShuHeiTi-Bold的压缩包，你要什么字, 就写在这里 -->
<div class="font-ali">我是字样a</div>
</body>
</html>
4、在字体文件夹下执行命令
font-spider index.html
命令执行完成后会看到新增了一个 .font-spider 文件夹，这里边保存的是源字体包文件，而外边的是压缩后的
后续可以把.font-spider 文件夹以及临时新建的 index.html 文件删除，在样式文件中直接引入使用
@font-face {
font-family: 'AlimamaShuHeiTi-Bold';
src: url('./font/AlimamaShuHeiTi-Bold.ttf');
}
扫一扫
1968
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
