给你的WordPress网站换个漂亮的字体

2021-04-26 0 687 百度已收录

大多数站长建设网站初期,喜欢魔改美化自己的网站

网站的建设主要方便访客高质量的阅读,所以对字体的选择非常重要

本期尘心给大家出一期如何给自己的WordPress网站自定义自己喜欢的字体

教程开始

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

☞https://www.100font.com/

2、转换自己的字体包格式

当我们下载字体之后会有一个压缩包,里面会有一个.ttf的字体文件

因为有些浏览器不支持这种字体的格式显示,所以我们需要对字体格式转换

如果不进行转换字体格式,有些浏览器会无法显示自己设置的喜欢的字体 如果你毫无技术不会转换字体格式不要怕,这里提供一个免费快捷的字体转换网站

☞https://www.fontke.com/tool/convfont/

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

给你的WordPress网站换个漂亮的字体

使用字体

将字体文件上传到GitHub仓库

这个有很多方法,可以将字体存储在cos,oss或者本地,本地的话会加载非常缓慢不利于网站速度优化

在这里我推荐大家使用GitHub仓库,利用jsDelivr+Github的方法实现即可

给你的WordPress网站换个漂亮的字体

如图所示我将字体文件转换之后依次上传至自己的GitHub的仓库

jsDelivr+Github的cdn使用方法是:https://cdn.jsdelivr.net/gh/{user}/{repo}/文件路径

这里简单解释一下各个参数值是什么意思

user是填写你的GitHub的id,repo是填写你的仓库id,文件路径直接填写你的字体文件名称就好了

在这里提示一下字体文件不要太大,也不要字体文件名称使用中文名称

编写CSS字体样式代码

如果你是小白不懂css,没关系,只需要按照我的方法即可

代码格式如下:

@font-face{
font-family: 'zti';
src: url('文件直链.tff');
src: url('文件直链.eot');
src: url('文件直链.svg');
src: url('文件直链.woff');
src: url('文件直链.woff2');
}
body{
font-family:'zti';
}

将以上代码添加你的主题文件css样式即可。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!973664285@qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有码币奖励和额外收入!

即刻码站__学习资源__国内最专业的站长资源下载平台 技术文档 给你的WordPress网站换个漂亮的字体 https://www.jike1995.com/8782.html

不懂你就问我撒,但是不要说我给的东西不行。-www.jike1995.com

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度
查看详情

相关文章