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

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

  • 最近更新2021年04月26日

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

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

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

教程开始

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

2、转换自己的字体包格式! k $ q V

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

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

如果不进行转P a 1换字体格式,有些浏览器会无法显示自己设置的喜欢的字体 如果你毫无技术不会7 0 s R # F b Z转换字体格式不要怕,P Y a C , a x a这里提供一个免费快捷的字体转换网站

你只需要转换.ttf文件为eot,woff,woff2,svg,tff 格式 如下图n 5 ^,我已经用红色框框给你标记H i B $ t \,按图y Z A操作即可

%title插图%num

使用字体

将字体文件上传到GitHub仓库

这个有很多方法,可以将字体存% e N I ~ z ~ B n储在cos,oss或者本地,本地c 4 | t .的话会加载非常缓慢不利于网站速度优化

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

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

jsDelivr+Github的cdn使用方L w Y VR + m U 5 : k是:https://cdn.jsdelivr.nej n 1 V ` L 3 st/gh/{user}/{repo}K w S z m/文件路径

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

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

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

编写U [ q XCSS字体样式代码

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

代码格式如下:

@fontG K %-face{
font-family: 'zti';
src: url('文件直链.tff');
src: ur/ ` d 8 - +l('文件直链.eot');
src: url('文件直链.svg');
src: url('文件直链.woffM 3 I ` 2 : 5');
src: url('文件直链.woff2');
}
body{
font-family:'zti';` m d x ^ - ~ y
}

将以上代码添t A b A j F * @加你的主题文件css样式即可。

分享到 :
相关推荐

Popcorn主题 - 适合WordPress影视资源下载类网站

老蒋在上周的时候也有记录到一款Mfilm主题也是比较适合影视资源下载类网站的,这里这...

安卓微信语音转发好友方法

大家都知道,微信聊天的语音都不能转发给朋友听,那么微信语音怎么转发给好友听呢?今天支...

资源俱乐部突然关站的原因以及网站备案的经历与心得

最近很多人在咨询资源俱乐部,为什么没有任何的通知就突然关战了是不是倒闭了或者跑路了?...

WordPress如何添加侧边彩色滚动条?

WordPress默认的浏览器侧边栏滚动条是非常丑陋的,当然,有些WordPress...