Loading... # 字蛛（font-spider）教学——ttf/otf字体文件压缩 # 第一步、全局安装font-spider `win+R`打开`cmd`命令窗口，全局安装font-spider： ```javascript npm install font-spider -g ``` 查看版本号，查看自己安装是否成功： ```javascript font-spider -V ``` # 第二步、准备好文件夹 在项目外的地方准备一个空文件夹，空文件夹里放进**一个html文件（或一个html文件和一个css文件）**，和**完整字体文件** # 第三步、在html和css文件中写入代码 css部分可以写在css文件中，也可以直接写在html文件内 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!--link rel="stylesheet" href="./index.css"--> //style部分可以提取出来放在css文件中，使用link引入，也可以直接写在html文件内 <style> @font-face { font-family: 'myFont';//自定义字体名字 src: url('./myFont.otf') format('truetype');//引入字体文件 font-weight: normal; font-style: normal; } .myFont{ font-family: 'myFont'; } </style> </head> <body> <!-- 这里对应的是Bold的压缩包 --> //将想要提取的文字放在这里 <h1 class="myFont"> 这里是你想要提取的文字 </h1> </body> </html> ``` # 第四步、压缩 > 在html所在的目录执行命令： ``` font-spider index.html ``` 文件夹里放的是原来的完整的字体文件 原字体文件名就是提取后的文件 最后修改：2022 年 08 月 03 日 © 允许规范转载 打赏 赞赏作者 赞 如果觉得我的文章对你有用，请随意赞赏
1 条评论
《重回1998》短片剧高清在线免费观看：https://www.jgz518.com/xingkong/22572.html