摘要生成中

AI生成，仅供参考

前言

这几天看倦了默认的字体，于是想给网站换一个字体，但中文字体实在是过于庞大，动不动就十几MB，既占用宽带，又拖慢网站加载速度，非常影响体验

项目介绍

ZeoSeven Fonts 是一个免费商用字体下载网站，能够为设计师和开发者提供丰富的免费商用字体资源。目前网站上收录了多达900+款免费商用字体，包括简体中文、繁体中文、日文、韩文、拉丁字母、希腊文等，能够满足不同用户的字体使用需求。

修改开始

我们先打开ZSFT官网，直达车~

找到你喜欢的字体，这里我选择的是KeinannPOP字体

划到下面找到CSS嵌入，他默认给我们的是这一段代码

@import url("https://fontsapi.zeoseven.com/623/main/result.css");

body {
    font-family: "KeinannPOP";
    font-weight: normal;
}

而我们要应用则需要在代码头尾加入<style>标签

修改后的代码如下

<style>
@import url("https://fontsapi.zeoseven.com/623/main/result.css");

body {
    font-family: "KeinannPOP";
    font-weight: normal;
}
</style>

很简单，我们要引入字体只需要要在head 标签里加入这段代码即可

引入其他字体只需要加入<style>标签就可以使用了

接下来来到网站首页刷新即可看到效果！