修改字体
目标效果
以github主题为基础，更改字体（英文显示consolas，中文显示LXGWWenKai）
修改正文字体
偏好设置 → 外观 → 打开主题文件夹，里面的css文件即为主题文件
为了防止修改错误，或者保留原来的github.css，我们复制出一个my_github.css
将字体文件LXGWWenKai-Regular.ttf放在特定目录，此处我放在新建的font目录下
修改my_github.css，在其中新定义一个@font-face
@font-face {
font-family: 'LXGWWenKai';
font-style: normal;
font-weight: normal;
src: url("font/LXGWWenKai-Regular.ttf"); /*字体路径*/
}
搜索body {, 在font-family:前两项添加字体
body {
font-family: "Consolas", "LXGWWenKai", "Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial, 'Segoe UI Emoji', sans-serif;
color: rgb(51, 51, 51);
line-height: 1.6;
}
修改图如下：
此时重启typora，并将外观设置为mygithub，可看到正文字体的更改（代码块字体并未更改）
修改代码块字体
修改my_github.css，搜索code，在tt {下加上font-family字段
.md-fences,
code,
tt {
border: 1px solid #e7eaed;
background-color: #f8f8f8;
border-radius: 3px;
padding: 0;
padding: 2px 4px 0px 4px;
font-size: 0.9em;
font-family: "Consolas", "LXGWWenKai";
}
修改图如下：
此时重启typora，可看到代码段字体的更改
修改标题字体
修改my_github.css，搜索header，在font-family:前两项添加字体
header,
.context-menu,
.megamenu-content,
footer {
font-family: "Consolas", "LXGWWenKai", "Segoe UI", "Arial", sans-serif;
}
修改图如下：
此时重启typora，可看到左侧列表字体的更改。但此时，软件/编辑器的字体还是原来的，但平常可忽略，就懒得搞了哈哈哈。
修改左侧标题缩进
目标效果
我觉得左侧标题层级一旦变多，则有点分不清，所以希望增加缩进
修改步骤
打开调试者模式：文件 → 偏好设置 → 通用 → 高级设置 → 开启调试模式
用浏览器方式进行元素定位：视图 → 开发者工具，可能为 base.css 920 行附近
打开 安装路径/resources/style/base.css，找到920行
发现下面有h1,h2...h6,表示6个标题的缩进，将之前的0,1,2,3,4,5, 改为1,2,4,6,8,10,则可将缩进调大，也可按喜好更改。
修改内容显示页边距
目标效果
页面本身内容较窄，希望增加页面宽度，缩小页边距
修改步骤
修改my_github.css，搜索\#write {，按喜好修改max-width。
修改文件目录缩进
目标效果
修改步骤
修改my_github.css，在文件末尾添加以下代码：
.file-node-collapsed {
padding-left: 16px;
}
.file-node-expanded {
padding-left: 16px;
}
参考链接
typora主题配置：公众号一键排版 - 测试开发小记 - 博客园
typora修改文件目录结构缩进_typora文件目录设置-CSDN博客
字体文件来自于typora官方主题中的一款中文主题：iWonder
详情查看 / Preview： https://github.com/ReidLv/theme.typora.iWonder.
直接下载 / Download：https://github.com/ReidLv/theme.typora.iWonder/releases/latest
标签：缩进,github,界面,typora,修改,字体,font,css From： https://www.cnblogs.com/caijuanjuan/p/18251474