如何给 WordPress 网站添加自定义字体

温馨提示:本文最后更新于2025-05-30 00:09:04,某些文章具有时效性,若有错误或已失效,请在文末评论区留言

添加自定义字体可以使您的 WordPress 网站具有独特的外观和风格,增加网站美观。以下是给 WordPress 网站添加自定义字体的步骤:

添加步骤

1、先去网上下载你喜欢的字体,推荐100字体下载站:https://www.100font.com

PS:建议下载可免费商用的字体,确保您具有合法的许可证来使用这些字体文件。

2、下载解压后,一般会得到一个.ttf格式的字体文件,经过测试,.ttf的字体在部分浏览器不能生效(如Safari),可以转换成eot、otf、woff、woff2等格式,推荐.woff格式。在线字体文件转换器:https://convertio.co/zh/font-converter/

图片[1]-如何给 WordPress 网站添加自定义字体-十一张

3、上传自定义字体文件到您的 WordPress 网站根目录或其它地方,如:https://www.11zhang.com/font.ttf,其中font.tff是字体文件名,根据实际需要更改。

图片[2]-如何给 WordPress 网站添加自定义字体-十一张

4、在您的 WordPress 网站主题的“自定义CSS样式”中添加对自定义字体的引用,使用正确的字体路径和字体名称,例如:

图片[3]-如何给 WordPress 网站添加自定义字体-十一张

效果展示

例如,我在100字体下载站:https://www.100font.com,下载了一个“昆明海鸥体”字体,如下图。

图片[4]-如何给 WordPress 网站添加自定义字体-十一张

在WordPress网站添加自定义字体后,效果如下:

图片[5]-如何给 WordPress 网站添加自定义字体-十一张
图片[6]-如何给 WordPress 网站添加自定义字体-十一张
© 版权声明
THE END
如果觉得这篇文章对您有帮助,可以收藏本网址,方便下次访问!
点赞12 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容