优化

字体

如果直接下载字体库的话，会占用大量的网络资源，如图，字体占据了很大一部份：

@font-face {
  font-family: 'TencentSans-W3-subset';
  src: url('./css/TencentSans-W3-subset.ttf');
}

1. 使用Web字体服务（Web Font Services） ： 提供按需加载和字体子集化的功能。
2. 存储在本地 ： 将字体文件存储在本地缓存中，这样在用户第二次访问时就不需要重新下载
3. 使用font-family替代字体：本地有时，优先显示该字体；本地没有则使用其它字体。

    font-family:
       Inter,
       -apple-system,
       BlinkMacSystemFont,
       'Segoe UI',
       Roboto,
       Oxygen,
       Ubuntu,
       Cantarell,
       'Fira Sans',
       'Droid Sans',
       'Helvetica Neue',
       sans-serif;