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