typora如何自定义字体？

有关下面讨论的CSS文件放置位置的信息，请参阅添加自定义CSS。

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; 
}

但是，为使字体加载时更快或在无法访问Internet时使用它，建议您下载并放在Typora的主题文件夹下。例如，如果您woff2从Google字体下载文件并将其放在[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上，它位于“外观”部分下，您也可以使用press Ctrl+F在首选项面板中对其进行搜索。此选项需要您使用的主题的支持。如果要制作主题CSS，rem则将其用作字体单位将确保此选项有效。

Tags: Typora, 字体大小, 自定义字体