子比主题更换字体详细教程

老规矩 废话不多说

开始教程

字体下载与转换

先去网站下载一些你喜欢的字体。

这里给大家列举一些个人觉得比较好的下载站。

下载后,会得到一个.ttf的文件(压缩包的解压)。

但是经过测试,.ttf的字体在部分浏览器不能生效(如Safari)

所以,需要转换成eot,woff,woff2,svg其中一个就好。推荐.woff(非常重要)

https://convertio.co/zh/font-converter/

(转换教程不多讲)

个人测评后建议方法二加载快一些

添加CSS(方法一)

把文件上传至网站根目录(可以是其他地方,不推荐)

只需要记住地址就行。

以下代码添加到zibll主题>自定义代码>自定义CSS里。

添加CSS(方法二)

字体云端托管

我是比较推荐云端托管字体,上传至 Github 使用免费的 jsDelivr CDN 加速,jsDelivr 如何如何好用这边就不多说了,Github 怎么使用这边也不多说了,大体方法就是将你的字体文件上传至 Github 自己的仓库中,然后使用 jsDelivr 提供的加速服务来调用,方便好用还不要钱。

jsDelivr 调用格式 https://cdn.jsdelivr.net/gh/Github 用户名 / 仓库名 / 具体路径svg

友情提醒丨jsDelivr的实用限制

  • 单个文件大小。(实测20M是没有问题的)
  • 单个仓库最大文件数10000。
  • 单个仓库容量。(超过50M警告,超过100M封禁)

以下字体代码的字体文件已经处理完毕,放在jsdelivr托管平台上。后期可能会挂。如果设置没有生效,请使用上述教程更改字体文件地址。

(托管于 Github,使用 jsDelivr 加速服务):

以下代码添加到zibll主题>自定义代码>自定义CSS里。

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞652赞赏 分享
评论 共2条

请登录后发表评论