字体文件压缩

Question

字体文件压缩

Opened this issue 8 years ago · 0 comments

移动端所用字体文件必须压缩后才准使用

采用font-spider 比如2MB的字体大概能压到20kb左右
建立html文件>demo.html

<html>
    <head>
        <style>
            @font-face {
            font-family: 'pinghei';
            /*以相对路径引入你的字体文件**/
            src: url('../1.ttf') format('truetype'),;
            /*src:
                url('../font/pinghei.eot?#font-spider') format('embedded-opentype'),
                url('../font/pinghei.woff') format('woff'),
                url('../font/pinghei.ttf') format('truetype'),
                url('../font/pinghei.svg') format('svg');
            **/
            font-weight: normal;
            font-style: normal;
            }

            /*使用选择器指定字体*/
            body {
                font-family: 'pinghei';
            } 
        </style>
    </head>
    <body>
        这里输入你要压缩的字体
    </body>
</html>

安装font-spider,运行压缩

npm install font-spider -g
font-spider demo.html