WP子比主题网站字体更换教程

前言

大多数站长在使用博客初期,喜欢魔改美化自己的网站,博客的建设主要方便访客高质量的阅读 所以对字体的选择非常重要,本期博主给大家出一期如何给自己的博客资源网自定义自己喜欢的字体

教程

1.首先下载自己喜欢的字体包 在这里我给大家推荐一款免费的字体下载站

2.转换字体包格式 当我们下载字体之后会有一个压缩包 里面会有一个.ttf 的字体文件包 因为有些浏览器不支持这种字体的格式显示 所以我们需要对字体格式转换 如果不进行转换字体格式,有些浏览器会无法显示自己设置的喜欢的字体 如果你毫无技术不会转换字体格式不要怕,这里提供一个免费快捷的字体转换网站

你只需要转换.ttf 文件为 eot、woff、woff2、svg、tff 以上格式随便一种 如下图,红框内搜索要转换的格式,按图操作即可

WP子比主题网站字体更换教程-颜兮之家

网站字体调用

把你转换好的 5 个字体文件放在自己网站随便那个文件夹内,只需要记住文件路径就行

如果是 WordPress 子比主题的话直接把下面的 css 代码放在自定义 css 样式中

注:非常重要)font-family 是自定义字体名称(自己修改),“文件直链”这是字体文件的地址(自己修改),*这是全局显示。

子比主题路径:后台主题设置—>自定义代码—>自定义 CSS 样式代码把上面的代码添加到里面 然后刷新页面即可

温馨提示:本文最后更新于2022-08-17 21:35:19,某些文章具有时效性,若有错误或已失效,请在下方留言
-----本文内容已结束,喜欢请分享-----
版权声明
THE END
喜欢就支持一下吧
点赞10 分享
评论 共10条

请登录后发表评论

    • 紫鸢的头像-颜兮之家紫鸢LV1谷歌浏览器 Windows 10 江西省赣州市 电信0
    • techocean的头像-颜兮之家techoceanLV1谷歌浏览器 Windows 10 湖南省 电信0
    • CBIMHuangsir的头像-颜兮之家CBIMHuangsirLV1谷歌浏览器 Windows 10 陕西省咸阳市 电信0
    • peerzhao的头像-颜兮之家peerzhaoLV1Safari浏览器 iPhone iPhone OS 15_4_1 like Mac OS X) AppleWebKit 江西省赣州市 电信0
    • wwg520的头像-颜兮之家wwg520LV1谷歌浏览器 Windows 7 江西省赣州市 电信0
    • wei0907的头像-颜兮之家wei0907LV1谷歌浏览器 Windows 10 湖南省 电信0