Zibll给网站换个好看的字体-zibll美化交流分享社区-zibll子比主题-WordPress主题模板-zibll子比主题

Zibll给网站换个好看的字体

哈哈哈快叫我拖更王

前言

Windows访问总感觉字体“怪怪”的,所以本篇文章给大家讲解如何给网站设置自定义字体。

字体下载与转换

先去网站下载一些你喜欢的字体。

这里给大家列举一些个人觉得比较好的下载站。

下载后,会得到一个.ttf的文件(压缩包的解压)。

但是经过测试,.ttf的字体在部分浏览器不能生效(如Safari)

所以,需要转换成eot,woff,woff2,svg其中一个就好。推荐.woff

https://convertio.co/zh/font-converter/

(转换教程不多讲)

添加CSS

把文件上传至网站根目录(可以是其他地方,不推荐)

只需要记住地址就行。

例子:https://blog.gtwxxh.cc/font.tff

font.tff是字体文件名,实际使用时需更改(包括网站链接)

以下代码添加到zibll主题>自定义代码>自定义CSS里。

 

font-family 是自定义字体名称(自己修改),url 这是字体文件的地址(自己修改)

如果要添加多个字体文件,你有可能需要注意代码规范”;”

有时间录视频

请登录后发表评论