亚洲一区二区三区无码少年_日韩亚洲欧美综合一区二区三区_国产精品成人69xxx_被主人狠狠调教打屁股_国产女厕所偷窥系列在线视频_老头猛挺进王进霞的体内视频_日本女同伦理片_一级毛片特黄视频免费观看_国产成人无码免费看视频软件

網(wǎng)頁特殊字體過大的優(yōu)化

作者：龍 時間：2018-07-20 瀏覽：

解決辦法：

一、字蛛

原理

1. 爬行本地 html 文檔，分析所有 css 語句

2. 記錄@font-face語句聲明的字體，并且記錄使用該字體的 css 選擇器

3. 通過 css 選擇器的規(guī)則查找當(dāng)前 html 文檔的節(jié)點，記錄節(jié)點上的文本

4. 找到字體文件并刪除沒被使用的字符

5. 編碼成跨平臺使用的字體格式

font-spider 僅適用于固定文本，如果文字內(nèi)容為動態(tài)可變的，新增的文字將無法顯示為特殊字體。

使用步驟：

1.安裝node.js;

2.安裝字蛛：

npm install font-spider -g 

3.運行字蛛

font-spider C:UserswangchaoDesktopindex*.html 
<!--也就是你的html完整路徑 【*】 是通配符，表示會掃描所有的html文件 -->
<!--要是打包單個html中使用的特殊字體文字，將文件名改成對應(yīng)的文件名-->

4.運行完后

<!--發(fā)現(xiàn)字體文件的根目錄多了一個font文件夾，文件夾里存放的是原來字
體文件的備份，而網(wǎng)頁引用的是使用字蛛后壓縮保存的字體-->

二、在線提取字體

字體生成器

    <!--css-->
    .font {
        font-size: 32px;
        color: skyblue;
        font-family: 'sx';
    }
    
    @font-face {
        font-family: 'sx';
        src: url('suxin-subfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    
    <!--html-->
     <p class="font">京德匠心鑄器</p>

也可以看出來字體文件生效了，但是同樣，也不支持動態(tài)的添加的文字