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

教程开始

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

2.转换字体包格式

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

字体格式在线转换网站

你只需要转换.ttf 文件为 eot,woff,woff2,svg,tff 以上格式随便一种如下图，我已经用红色框框给你标记，按图操作即可

网站调用字体

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

我放在自己的根目录下的-案例：https://www.80z.top/zitiku/fzlty.ttf

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

/*全站字体美化开始*/
@font-face{
font-family: 'moe';
src:  url('https://www.80z.top/zitiku/fzlty.ttf');
src:  url('https://www.80z.top/zitiku/fzlty.otf');
src:  url('https://www.80z.top/zitiku/fzlty.dfont');
src:  url('https://www.80z.top/zitiku/fzlty.eot');
src:  url('https://www.80z.top/zitiku/fzlty.svg');
src:  url('https://www.80z.top/zitiku/fzlty.woff');
src:  url('https://www.80z.top/zitiku/fzlty.woff2');
}
body{
font-family:'moe';
}
.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important;}.lazyloading:not(.swiper-lazy-loaded){opacity: 0;}@media (max-width:640px) {
    .meta-right .meta-view{
      display: unset !important;
    }
  }
/*全站字体美化开始*/

注：（非常重要）font-family 是自定义字体名称（自己修改），url 这是字体文件的地址（自己修改），*这是全局显示。

将以上代码添加你的主题文件 css 样式即可。子比主题路径：后台主题设置—>自定义代码—>自定义 CSS 样式代码把下面的代码添加到里面 然后刷新页面即可

标题：
链接：
来源：80源码网
免责声明：
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络收集整理，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！
由于虚拟资源的特殊性，购买后本站拒绝一切原因的退款，请大家慎重考虑后在购买

THE END