字体包过大导致加载慢

最新推荐文章于 2023-07-27 12:17:33 发布

@拼命姑娘@

最新推荐文章于 2023-07-27 12:17:33 发布

阅读量1.2k

点赞数 3

文章标签： css html

本文链接：https://blog.csdn.net/wen_j/article/details/108645685

版权

在项目中引入字体包，字体包文件过大，导致加载慢，使用字蛛（font-spider)使用
1.安装font-spider(全局安装)

npm install  font-spider -g

2.检查是否安装成功

font-spider --version

3.新建font.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: 'PuHuiTi-Medium';  
      src: url('./styles/font/PuHuiTi-Medium.ttf'); 
      font-weight: normal;  
      font-style: normal;  
    }
    .home {
      font-family: 'PuHuiTi-Medium';
    }
      </style>
</head>
<body>
  <div class="home"></div>
</body>
</html>

4.执行命令