深色模式

Web Fonts ​

几乎所有 Web 框架和库都遵循 HTML 标准，这使得在可编辑源代码的情况下，可直接使用 CSS 嵌入字体，这也是 FontsAPI 的设计目标。

常见的 Vite、Webpack、WebView、Electron 等都支持此方法，但也是设计使然。

HTML 标签 ​

在任何 .html 文件的 <head> 中，可直接使用 ZSFT 所提供的 HTML 强化 嵌入代码，无需修改。

html
<html>
    <head>
        <link href="https://fontsapi.zeoseven.com/136/main/result.css" onload="this.rel='stylesheet'" rel="preload" as="style" crossorigin />
        <noscript><link rel="stylesheet" href="https://fontsapi.zeoseven.com/136/main/result.css" /></noscript>
        <style>
            body {
                font-family: "Judou Sans Hans";
                font-weight: normal;
            }
        </style>
    </head>
    <body>Example</body>
</html>

对于 React，通常并不会直接将此作为 JSX 输出，虽然那也可以正常工作，但并不是符合 Web 标准的，可直接在打包器所指定主路由文件（通常是 index.html）中的 <head> 中使用。

CSS 样式 ​

同样，在项目文件夹中的任何一个被主 HTML 或 Layout 路由所引用的 .css 文件，也可直接在其中使用 ZSFT 所提供的 常规 CSS 嵌入代码，无需修改。

当然，并非必须在主 HTML 或 Layout 路由中使用，也可以在任意被 .html 文件或路由所引用的 .css 文件中作为局部样式使用。

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

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

* {
    margin: 0;
}