前言

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

在网站设计中，字体的选择与修改至关重要。它不仅关乎视觉美感，还影响着用户阅读体验。

字体库分享

• 字谷网（https://www.fontgoods.com,支持免费商用）
• 100字体下载站（https://www.100font.com/）
• 猫啃网（https://www.maoken.com/）

注：部分下载后，是一个.ttf的文件（压缩包的解压）。但是经过测试，.ttf的字体在部分浏览器不能生效（如Safari）所以，需要转换成eot,woff,woff2,svg其中一个就好。推荐.woff

转换小工具：https://convertio.co/zh/font-converter/

添加CSS

把文件上传至网站根目录（可以是其他地方，不推荐）

只需要记住地址就行。

例子：https://www.xxx.com/font.tff

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

@font-face{
font-family: 'moe';
src:  url('https://www.xxx.com/font.ttf');
src:  url('https://www.xxx.com/font.woff');
}
body{
font-family:'moe';
}
.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important;}.lazyloading:not(.swiper-lazy-loaded){opacity: 0;}@media (max-width:640px) {
    .meta-right .meta-view{
      display: unset !important;
    }
  }

font-family 是自定义字体名称（自己修改），url 这是字体文件的地址（自己修改）

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