修改字体

如何获取字体名称

1. 可以下载字体管理软件来获取字体名称。

2. 可以通过在 Word 中设置好相关的字体，将其导出为 HTML 文件。通过开发者调试台来查找对应的字体名称。

   • 

   • 将创建好的文档另存为 html 或者 xhtml 文档，打开后，右键查看查看页面源码。

   • 使用快捷键 Ctrl + F 查找自己刚在在 Word 中输入的文字。其旁边的 font-family: 后面的内容就是自己刚才设定的字体名称。

   • 

如何修改字体

和修改主题颜色相似，字体的修改也可以在 :root{......} 之中进行修改。在修改时，建议第一个位置放置英文字体，第二个位置放置中文字体。各个部分的字体修改名称如下：

/* font setting:font-weight;font-size;line-height;font-family */
--font-hei: sans-serif;/* 黑体字体，请保留 sans-serif 作为回退字体 */
--font-song: serif;/* 宋体字体，请保留 serif 作为回退字体 */
--font-kai: serif;/* 楷体字体，请保留 serif 作为回退字体 */
--font-mono: "Deja Vu Sans Mono", Consolas, "Lucida Console"; /* 代码字体，请保留 "Deja Vu Sans Mono", Consolas, "Lucida Console" 作为回退字体 */
--monospace: var(--font-mono); /* 请勿删除此行 */

--font-weight: 400; /* 默认字重 */
--font-size: 1rem; /* 默认字体大小 */
--line-height: 2rem; /* 默认行高 */
--font-family: var(--font-hei); /* 默认字体 */

--text-font: 400 1rem/1.5rem var(--font-hei); /* 默认字重 默认字体/默认行高 默认字体 */
--text-font-size: 1rem; 
--font-title: var(--font-song); /* 默认标题 */
--font-title-h1: 900 3rem/4.5rem var(--font-title); /* 默认一级标题 */
--font-title-h2: 800 2.5rem/3.75rem var(--font-title); /* 默认二级标题 */
--font-title-h3: 600 2rem/3rem var(--font-hei); /* 默认三级标题 */
--font-title-h4: 600 1.75rem/2.625rem var(--font-hei); /* 默认四级标题 */
--font-title-h5: 600 1.5rem/2.25rem var(--font-hei); /* 默认五级标题 */
--font-title-h6: 600 1.5rem/2.25rem var(--font-hei); /* 默认六级标题 */

--font-quote: 400 1.25rem/1.875rem var(--font-kai); /* 默认引用 */
--font-code: 400 0.9rem/1.35rem var(--font-mono); /* 默认代码 */
--font-footnote: 400 1.1rem/1.65rem var(--font-kai); /* 默认脚注 */