WordPress网站字体自定义美化教程


------正文内容展示,开始汲取新知识啦------

前言

很多站长对网站的的字体比较在意,有时候换一种风格的字体,整个网站的阅读体验或许就会变的很不同,这样就会有很多站长对网站进行字体更换,所以对字体的选择也是非常重要。大多数站长在使用博客初期,喜欢魔改美化自己的网站,因此本期站长给大家出一期,如何给自己的网站更换成自己喜的字体。

教程开始

1.首先下载自己喜欢的字体包,

网上找自己喜欢的字体,下载到本地,注意尽量选择免费可商用字体,不要更换成有版权收费的字体,如果使用了可能后期会出现版权问题,造成不必要的麻烦。

2.转换字体包格式

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

字体转换网站

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

80c68626c6003004

3.网站调用字体地址

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

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

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

 

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

免教程直接使用版本

直接将代码防止到网站合适位置调用,使用同第三步。以下设置字体代码中的字体文件已经处理过,放置在jsdelivr托管平台了。不乏后期会挂掉,如果设置不生效了,请使用上面教程来更换字体文件地址使用。

 

温馨提示:本文最后更新于2023-07-29 17:40:18,某些文章具有时效性,若有错误或已失效,请私信客服或联系知新社长
------本文内容已结束,喜欢请分享------

感谢您的访问,Ctrl+D收藏本站吧。

© 版权声明
一月 17

知岛上的今时往日

THE END
点赞0 分享
评论 共44条
头像
善语结善缘,恶言伤人心。(禁止发送无意义的字符)
提交
头像

昵称

夸夸Ta
夸夸
还有吗!没看够!
取消
昵称表情代码图片
    • 头像 1111111111110
    • 头像 1111111111110
社区求救信号帮助是一种美德