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

前言

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

教程开始

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

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

2.转换字体包格式

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

字体转换网站

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

80c68626c6003004

3.网站调用字体地址

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

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

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

 

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

免教程直接使用版本

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

 

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
Fight for the things you love no matter what you may face, it will be worth it.
不管你面对的是什么,为你所爱的而奋斗都会是值得的
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片快捷回复
    • 头像yunfan8880
    • 头像1111111111110
    • 头像1111111111110
    • 头像qianhuipin0
    • 头像a14844435650
    • 头像qq999990
    • 头像sadkki0
    • 头像ly11157583560
    • 头像HAC社区0
    • 头像xiaoyu278479740
    • 头像ceshi33120
    • 头像大玩咖社区0
    • 头像HD188000
    • 头像Alvin0
    • 头像迦哆吖0
    • 头像B扣B扣0
    • 头像丰唇0
    • 头像小生丶0
    • 头像z1093570
    • 头像1035808394q0
    • 头像百夜米迦尔0
    • 头像alux0
    • 头像甘贻0
    • 头像aixiaoyi0
    • 头像zcc0240
    • 头像qiuzhi0
    • 头像ningyungame0
    • 头像zzzhhhx0
    • 头像azx66990
    • 头像Ty_时初0
    • 头像巴龙0
    • 头像静鱼客栈0
    • 头像qwe135790
    • 头像阿酷网络信息技术有限公司0
    • 头像nmnm0
    • 头像子熙0
    • 头像xiaoliang3600