html怎么压缩ttf,字体文件使用及压缩

1.字体文件可以获取任意一类，然后去网站生成兼容不同浏览器的文件。一般情况下，在网上能搜到字体的类型文件：ttf。

2.字体文件太大，一般选择用字蛛去压缩字体文件。

安装命令：

npm install font-spider -g

在 CSS 中使用 WebFont：

/*声明 WebFont*/

@font-face {

font-family: 'pinghei';

src: url('../font/pinghei.eot');

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;

}

/*使用选择器指定字体*/

.home h1, .demo > .test {

font-family: 'pinghei';

}

1. @font-face 中的 src 定义的 .ttf 文件必须存在，其余的格式将由工具自动生成

2. 开发阶段请使用相对路径的 CSS 与 WebFont

运行：

font-spider ./demo/*.html

使用注意：文件目录这样创建：