html网页引用中文字体，解决加载缓慢办法
2024-03-30 07:35:35
【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
页面依赖的字体将会自动压缩好
最新文章
- 【微信SEO】公众号也能做排名？
- DeveloperExceptionPageMiddleware中间件如何呈现“开发者异常页面”
- 关于c++操作符的优先级
- Java字节流：BufferedInputStream BufferedOutputStream
- struts2 中属性驱动（其实就是struts2 action 中处理 request 的参数【old 方式servlet api 封装数据到javabean中（or beanutils）】），这里属性驱动是新方式
- 《利用python进行数据分析》读书笔记--第十一章 金融和经济数据应用（一）
- linux eclipse cdt make error 127
- 小型网站如何防范DDoS攻击
- Linux静态库和共享库
- Car immobilizer hacking
- FrameworkElement.Name与x:Name
- java区分大小写,使用TAB进行缩进,public类名只能有一个,而且文件名与类名保持一致.
- cheerio返回数据格式
- python学习之路三（文件读写）
- Windows修改hosts文件及位置
- Redis事务原理分析
- css:box-sizing什么作用
- 【epub.js|翻译|原创】开源中间件epub.js的使用及其中文文档
- Hibernate对应关系（了解）
- linux 使用笔记1