html网页引用中文字体,解决加载缓慢办法
【ttf 压缩】html网页引用中文字体,文件过大,加载缓慢的解决办法【字蛛】【web font】
【字蛛】http://font-spider.org/
先安装好 NodeJS,然后执行:
npm install font-spider -g
安装后,会看到一堆报错、警告,不必理会
在 CSS 中使用 WebFont:
/*声明 WebFont*/
@font-face {
font-family: '方正兰亭刊黑_GBK';
src: url('../fonts/方正兰亭刊黑_GBK.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/*使用选择器指定字体*/
body{
font-family: '方正兰亭刊黑_GBK';
}
@font-face 中的 src 定义的 .ttf 文件必须存在
运行 font-spider 命令:
font-spider D:\web\helloWorld\*.html
页面依赖的字体将会自动压缩好
略懂,略懂....