前端引用字体@font-face的若干优化方法

1 前 言

1.1 场 景

我们在页面展示时，为了更好的效果，一般使用了自定义的字体 @fant-face 。

之前在开发的时候使用了一些自定义字体，这里总结下自己寻找的的一些处理办法。

本文只列出了引入本地字体，网络的字体由于实践不多，这里介绍就少一些。

? 献丑了 ?

2 正 文

2.1 本地字体

2.1.1 版 权

首先一定要注意这个问题

2.1.2 字体定义

一般情况定义如下：

@font-face {
    font-family:"Regular";
    src:url('../font/Regular.otf');
}

在某个我们要使用的该字体的classA上定义：

.classA {
    font-family:"Regular";
}

2.1.3 字体压缩

一般的中文字体都要8-10M，相对于整个工程来说太巨大，这里提供自己实践过的2种压缩方法。

两种都需要列举出你使用过的字。

1 font-spider

官网：http://font-spide