修改Typora默认微软雅黑字体

修改Typora字体

写在前面

我最近在折腾windows电脑，从macos转像windows不容易啊，因为键盘快捷键经常弄错，这篇文章就是修改Typora中字体显示的问题。

正文内容

我发现在windows中，字体非常的难看，微软雅黑也太丑了。于是我就想要吧这个字体给换掉。搜索了一圈，发现了一篇文章还挺有可行性的。修改Typora默认的字体为好看秀美的中文字体“华康手札体“并配置一些高级定制功能（20210404已成功测试）_typora那个中文字体好看_一念一生～one的博客-CSDN博客

就是这个了，稍微看了一下，哦。原理是要我修改CSS文件那。这个我熟悉啊，因为之前发了一篇文章是关于css字体的，就是这个为网站的中文和英文使用不同的字体_hanjie-chen的博客-CSDN博客这样子看的Typora是一个浏览器？于是我按照自己文章中的方法修改了

简单来说就是先下载2份自己喜欢的字体，我的是苹方简体（macos系统字体）还有JetbrainsMono字体，然后放到theme文件夹中去，如下图

这里的字体特别需要注意，一定要完整的，大约会有10M左右，这样子的字体才是全的，不然的话有些字体一旦不在这个字体集中，就会使用系统默认的字体，就会显示的不协调，这个全是教训呐，搞了我一下午的时间。JetBrain大家可以去官网直接下载，而macos的平方简体，可以从这个这个仓库下载

然后就是吧所有的font-family给修改掉了，但是我发现虽然修改好了，yaml中的字体还有使用的是微软雅黑,我也不知道为什么。

我知道了，CSS的效果却决于最后的代码，所以不仅仅许需要修改github-dark-default，而且需要修改github-dark-high-contrast.css

我修改之后的代码如下

@import 'github-dark-default.css';

:root {
	--text-color: #f1f3f6;
	--bg-color: #090c10;
	--side-bar-bg-color: #090c10;
	--control-text-color: #a9aaab;
	--primary-color: #f9826c;
	--primary-btn-border-color: #f9826c;
	--active-file-text-color: inherit;
	--active-file-border-color: #f9826c;
	--active-file-bg-color: #0a0c10;
	--primary-btn-text-color: #f9826c;
	--window-border: 0 solid #0a0c10;
	--item-hover-bg-color: #272b33;
	--item-hover-text-color: #f9826c;
	--meta-content-color: #f9826c;
	--search-select-text-color: #f9826c;
	--control-text-color: var(--text-color);
	--control-text-hover-color: var(--text-color);
	--heading-char-color: #f9826c;
	--active-toggle-btn-color: #192133;
	--blur-text-color: rgba(200, 200, 200, 0.33);
	--rawblock-edit-panel-bd: #272b33 !important;
	--select-text-bg-color: rgba(53, 82, 116, 0.97) !important;
	--select-text-font-color: #fff !important;
	--color-border-secondary: #79828e !important;
	--mermaid-node-color: #b87f62 !important;
	--mermaid-node-border: #bd7958;
	--mermaid-contrast-color: #afe61d;
	--mermaid-theme: dark;
	--monospace: 'JetBrainsMono', 'PingFangSC', monospace;
}

code {
	background-color: #454a52;
  font-family: 'JetBrainsMono', 'PingFangSC', monospace;
}

.cm-s-inner span.cm-comment {
	color: #bdc4cc;
	font-style: normal;
  font-family: 'JetBrainsMono', 'PingFangSC', monospace;
}

.cm-s-typora-default .cm-comment {
	color: #bdc4cc;
}

blockquote {
	border-left: .25rem solid #7a828e !important;
}

blockquote p {
	color: var(--text-color) !important;
}

hr {
	background-color:  #7a828e !important;
}

.ty-preferences button.btn-default {
	background-color:  var(--item-hover-bg-color) !important;
}

/* Button hover in setting menu */
.ty-preferences .btn-default:not([disabled]):hover {
	border-color: #8b949e !important;
	background-color: var(--item-hover-bg-color) !important;
}

/* Sidebar button hover in setting menu */
.nav-group-item:hover,
.nav-group-item:active,
.nav-group-item.active {
	background-color: var(--bg-color) !important;
	color: var(--text-color) !important;
}

/* Select item (mostly in setting menu) */
select {
	border: 1px solid #30363d;
	border-radius: 6px;
	background-color: var(--item-hover-bg-color) !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

/* Enabled select item hover */
select:not([disabled]):hover {
	color: var(--text-color);
	opacity: 1;
	border: 1px solid #8b949e;
}

/* Disabled select item hover */
select[disabled]:hover {
	opacity: 0.5;
	border: 1px solid #8b949e;
}

}

/* Disabled select item hover */
select[disabled]:hover {
opacity: 0.5;
border: 1px solid #8b949e;
}