自定义字体

提示

要知道把这些 CSS 片段放在哪里，请看 Add Custom CSS (opens new window) 。

改变字体

Typora 中的自定义字体是由 CSS 设置的。例如，在主题文件夹下的 base.user.css，追加以下内容：

body {
  font-family: Courier;
}

将覆盖当前主题中的字体设置，并应用系统字体 Courier，并使编辑区看起来像这样：

你也可以使用网络字体，比如说：

@import url(https://fonts.googleapis.com/css?family=Oxygen);

body {
 font-family: 'Oxygen', sans-serif;
}

提示

为了使字体在加载时更快或在无法上网时使用，我们建议你下载它并放在 Typora 的主题文件夹下。

例如，如果你从 google 字体下载了 woff2 文件，并把它们放在 [typora-theme-folder]/fonts 目录下，然后使用类似的 CSS：

/* latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen'), local('Oxygen-Regular'),url('./fonts/Oxygen400.woff2') format('woff2');
}

/* latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: local('Oxygen Bold'), local('Oxygen-Bold'), url('./fonts/Oxygen700.woff2') format('woff2');
}

body {
 font-family: 'Oxygen', sans-serif;
}

改变字体大小

改变字体大小的一个更快捷的方法是在偏好设置面板中。在 macOS 上，"字体大小" 是在偏好设置的 "常规" 部分。在 Window/Linux 上，它在 "外观" 部分，你也可以使用 Ctrl+F 在偏好设置面板中搜索它。

这个选项需要你使用的主题的支持。如果你正在制作一个主题的 css，请使用 rem 作为字体单位，以确保这个选项能够工作。

改变源代码模式的字体

你可以使用

#typora-source {
  font-family: monospace;
  font-size: inherit.
  --monospace: monospace; /* for code blocks and inline code inside source code mode */
}

来改变源代码模式的字体。

改变代码块的字体

body {
  --monospace: monospace /* for all code blocks, inline code, and source code mode */
}

// or

#md-fences {
  /* for code block only */
}