WordPress终极优化指南–使用WOFF2格式的字体而不要用WOFF格式

作者 : King 本文共648个字,预计阅读时间需要2分钟 发布时间: 2024-10-4 共24人阅读

WOFF2字体WordPress优化

WordPress终极优化指南–使用WOFF2格式的字体而不要用WOFF格式

教程总目录:WordPress终极优化指南

WOFF是web中开放的一种字体格式,是专为web设计的。

WOFF2是下一代WOFF字体。新标准平均比WOFF格式多30%的压缩率。

所以说条件允许的话,尽量使用WOFF2格式而不要用WOFF。

如何使用WOFF2格式字体?

以谷歌字体为例进行教程演示:

1.在Google字体上找到喜欢的字体。比如Nanum Gothic

2.从Google字体下载字体,默认会分享该字体的TTF格式版本。

3.打开Transfonter.org并在那里上传字体。确保选择的是WOFF格式,然后知识兔转换字体。

4.Transfonter将生成一个包含WOFF2版本字体和CSS文件的zip文件

5.将字体上传到子主题的’fonts’目录。如果知识兔不存在,就创建这个目录。

6.将CSS代码添加到子主题的样式表中

7.使用网站上的字体

提示:

虽然WOFF2是一种现代的高性能字体格式,但并非所有浏览器都完全支持它。为了解决这个问题,我建议也在网站上传WOFF2格式的WOFF格式。使用@font-face会自动指示浏览器使用支持的最新格式。

WordPress终极优化指南–使用WOFF2格式的字体而不要用WOFF格式

下载仅供下载体验和测试学习,不得商用和正当使用。

[ppwp passwords=”zhishitu.cn”]

下载体验

应版权要求,禁止分享,敬请谅解,有问题务必找客服哈。

如何获取解压密码

有问题找客服哈,并领取学习福利!

[/ppwp]

点击下载

小鱼网是一个美好的开源学习社区,学习编程,学习WordPress,下载WordPress插件主题,
小鱼网 » WordPress终极优化指南–使用WOFF2格式的字体而不要用WOFF格式

常见问题FAQ

发表回复

分享最优质的学习资料

立即查看 了解详情