子比美化 - CSS代码更换网站字体

想给 子比主题 网站换个新字体?看久了默认字体觉得单调,其实通过简单几步就能设置自定义字体,让网站风格更合心意。下面就来详细说说具体操作。

效果图

一、准备字体文件

  • 首先,你需要下载自己喜欢的字体文件。可以从一些字体下载站挑选合适的字体,下载后通常会得到 .ttf 格式的文件(如果是压缩包,解压即可获取)。
  • 不过要注意, .ttf 格式的字体在部分浏览器(比如 Safari)可能无法正常显示,兼容性不够理想。所以建议把字体转换为更通用的格式,比如 eotwoffwoff2svg 中的一种,其中 woff2 格式兼容性较好,推荐优先选择。
  • 你可以用在线字体转换工具完成格式转换,将 .ttf 转为 woff2 格式备用。

二、上传字体文件
转换好字体文件后,需要把它上传到你的网站服务器或云存储(比如 OSS),并记住文件的访问链接(即字体文件的在线地址)。
三、添加自定义 CSS 代码

此处内容需要评论回复后方可阅读

最后,只需一段 CSS 代码就能让新字体生效。把上面的代码复制到子比主题的 “自定义 CSS 样式” 设置中,然后将代码里的 “字体链接” 替换成你刚上传的字体文件地址即可。

评论区
头像
    头像
    歆橙
      

    前来学习

    头像
    张三
      

    学习下

    头像
    安安
      

    4685754@qq.com

    头像
    adda
      

    hhhhhhhh

    头像
    遥遥无期
      

    真好