133333

public/post/83/index.html

@@ -92,20 +92,14 @@
 <p>但是如何自己校验自己的win系统是否安装了这两个环境了，只需要win+R输入cmd</p>
 <p>召唤出自己的pc端的cmd控制台，输入node-v和npm-v，就如下图我这样，就表示安装完毕</p>
 <p>
-<figure>
-  <img data-original="/pics/2022/06/4046170908.png" alt="" class="lazy">
-  
-</figure></p>
+<img data-lazy-src="/pics/2022/06/4046170908.png" alt="" class="lazyload"></p>
 <h2 id="全局安装-font-spider">全局安装 font-spider</h2>
 <p>这里我们还是老样子 win + R 输入cmd，输入</p>
 <pre><code>npm install font-spider -g
 </code></pre>
 <p>如果提示这个，就代表搞定了</p>
 <p>
-<figure>
-  <img data-original="/pics/2022/06/3204045101.png" alt="" class="lazy">
-  
-</figure></p>
+<img data-lazy-src="/pics/2022/06/3204045101.png" alt="" class="lazyload"></p>
 <h2 id="开始压缩字体">开始压缩字体</h2>
 <p>我们首先在桌面创建文件夹，注意尽量是英文，例如ziti</p>
 <p>然后在文件夹里面把自己需要压缩的字体放在该ziti文件夹</p>
@@ -114,16 +108,10 @@
 <p>我们将自己需要压缩的字体ttf文件拖入该文件夹即可，然后将该字体ttf文件的文件名改为font.ttf</p>
 <p>注意：这里需要解压成文件夹放在桌面上哦，否则无法执行字体压缩</p>
 <p>
-<figure>
-  <img data-original="/pics/2022/06/1554922097.png" alt="" class="lazy">
-  
-</figure></p>
+<img data-lazy-src="/pics/2022/06/1554922097.png" alt="" class="lazyload"></p>
 <p>这里我原字体的大小是15mb，这里我把它拖到ziti文件夹里面，将该字体命名为font.ttf</p>
 <p>
-<figure>
-  <img data-original="/pics/2022/06/2949738509.png" alt="" class="lazy">
-  
-</figure></p>
+<img data-lazy-src="/pics/2022/06/2949738509.png" alt="" class="lazyload"></p>
 <p>然后打开cmd 控制台输入以下代码</p>
 <pre><code>cd ziti
 </code></pre>
@@ -133,16 +121,10 @@
 <p>然后你会发现自己ziti文件夹会多出一个font-spider文件夹，此文件夹里面的font.ttf就是压缩前的字体</p>
 <p>根目录则是已经压缩后的字体，还有其他格式字体，该工具全部帮你压缩，直接应用到网页即可，非常方便</p>
 <p>
-<figure>
-  <img data-original="/pics/2022/06/1342016947.png" alt="" class="lazy">
-  
-</figure></p>
+<img data-lazy-src="/pics/2022/06/1342016947.png" alt="" class="lazyload"></p>
 <p>再看看被压缩的ttf字体大小，居然不到几kb</p>
 <p>
-<figure>
-  <img data-original="/pics/2022/06/3372263093.png" alt="" class="lazy">
-  
-</figure></p>
+<img data-lazy-src="/pics/2022/06/3372263093.png" alt="" class="lazyload"></p>
 <p>是不是很方便！</p>
 
         </div>