想给 子比主题 网站换个新字体?看久了默认字体觉得单调,其实通过简单几步就能设置自定义字体,让网站风格更合心意。下面就来详细说说具体操作。
一、准备字体文件
- 首先,你需要下载自己喜欢的字体文件。可以从一些字体下载站挑选合适的字体,下载后通常会得到 .ttf 格式的文件(如果是压缩包,解压即可获取)。
- 不过要注意, .ttf 格式的字体在部分浏览器(比如 Safari)可能无法正常显示,兼容性不够理想。所以建议把字体转换为更通用的格式,比如 eot 、 woff 、 woff2 、 svg 中的一种,其中 woff2 格式兼容性较好,推荐优先选择。
- 你可以用在线字体转换工具完成格式转换,将 .ttf 转为 woff2 格式备用。
二、上传字体文件
转换好字体文件后,需要把它上传到你的网站服务器或云存储(比如 OSS),并记住文件的访问链接(即字体文件的在线地址)。
三、添加自定义 CSS 代码
最后,只需一段 CSS 代码就能让新字体生效。把上面的代码复制到子比主题的 “自定义 CSS 样式” 设置中,然后将代码里的 “字体链接” 替换成你刚上传的字体文件地址即可。