typography

用来拓展markdown（.mdx）的样式一般会被归为此类中，但链接 <a> 没有被纳入

## font

• .na-font-serif 衬线字体
• .na-font-mono 等宽字体
• .na-cannot-select 无法选中文字

和颜色一样，字体大小和行高有10个级别。

以下是全局变量

• --font-family-base 设置全局默认字体
  但是你不能只设置全局默认字体（其设置后也会作为衬线和等宽的默认字体）
  当前：

  link(
      rel="stylesheet"
      href=HYWenHei
      onload="document.documentElement.style.setProperty('--font-family-base', 'HYWenHei-85W-zh')"
  )
  link(
      rel="stylesheet"
      href=jetbrainsMono
      onload="document.documentElement.style.setProperty('--font-family-mono', 'JetBrains Mono')"
  )

• --font-family-serif 设置衬线默认字体
• --font-family-mono 设置等宽默认字体
• --line-height-body 行高（部分组件有覆写）
• --font-size-body 字号（部分组件有覆写）

可以像下面这样写以改变全局变量使所有元件默认大小变成3级（即 <h5/> 的大小）

body
    --font-size-body: var(--font-size-3)
    --line-height-body: var(--line-height-3)

但标题等覆写全局变量的组件受到的影响不同，需要修改表格里的其他alias变量（如 --font-size-h3）来控制