深色模式

WordPress ​

WordPress 是一个开源的内容管理系统，以主题为基础实现功能和定制。

登录到 WordPress，导航到侧边栏 外观 或 工具 - 主题文件编辑器，如果没有找到主题文件编辑器，可尝试直接导航到 /wp-admin/theme-editor.php。

全局集成 ​

通常来说，将 “常规 CSS” 嵌入代码直接复制到 style.css 文件中即可全站启用，但考虑到 WordPress 主题可能存在 font-family 样式，建议使用强制的 !important 来进行样式覆盖。

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

body {
    font-family: "Judou Sans Hans";
    font-weight: normal;
}

WARNING

CSS @import url 必须位于样式表的顶部，否则会被浏览器忽略。

最终看起来像这样：

WordPress Theme Editor Example

局部集成 ​

或者，只是希望字体在 <code> 中生效，可以改为：

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

code {
    font-family: "Judou Sans Hans";
}