如何从任意网页上下载字体,并应用到自己的WordPress网站搭建中?

当你看到一个网站的字体风格你很喜欢,想要运用到自己的网站上,我们就可以把网站的字体文章下载下来,然后再上传到Elementor编辑器,这样我们就可以使用了。

我们在用Elementor编辑器进行网页的设计过程中,可能会需要用到特别的字体(也就是WordPress默认字体和Elementor编辑器里面没有的字体),这个时候我们就需要去下载字体。

当你看到一个网站的字体风格你很喜欢,想要运用到自己的网站上,我们就可以把网站的字体文章下载下来,然后再上传到Elementor编辑器,这样我们就可以使用了。

鼠标右键检查

鼠标右键检查,开始查找网站字体文件存储的位置

找到网站字体文件

如何从任意网页上下载字体,并应用到自己的WordPress网站搭建中?

打开Network,点击Font (网页的文件字体就都存储在这里);

然后刷新页面,就可以看到网页的字体文件;点击字体可以预览字体

下载字体文件

如何从任意网页上下载字体,并应用到自己的WordPress网站搭建中?

然后双击字体文件,就可以将字体文件下载到电脑本地。我这次下载的字体文件格式为.woff2

上传字体文件到Elementor

如何从任意网页上下载字体,并应用到自己的WordPress网站搭建中?

打开Elementor的custom font面板,点击Add New新建字体geomanist, 然后就可以上传不同格式的字体文件。

这时候将我刚才下载的geomanist.woff2上传到WOFF2 FILE(字体的文件格式一定要是对应的),然后点击发布。

字体就成功上传了。

使用定制字体

如何从任意网页上下载字体,并应用到自己的WordPress网站搭建中?

然后我们在Elementor编辑器设计网页的时候,就可以在字库里的custom font文件夹找到我上传的geomanist字体啦。

以下是我的B站视频教程

来源公众号:小王子的外贸笔记(ID:shelley_digital)

本文 @雪梨建站笔记 已获授权发布于奇赞平台,未经许可,禁止转载、采集。

该文观点仅代表作者本人,奇赞平台仅提供信息存储空间服务。

如有侵权,请联系奇赞进行处理。

(0)

为你推荐

发表回复

登录后才能评论
李坤锦
公众号
视频号
小程序
有问题需答疑,可在「轻问答」菜单中提问🙋