这是一个创建于 1384 天前的主题，其中的信息可能已经有所发展或是发生改变。
目标：
- 能完美显示 emoji
- 编辑界面中英文混排严格等宽（中文占两个西文字符宽度，主要是为了在 markdown 表格中能够严格对齐）
- 预览界面中，段落排版两端对齐，这样阅读体验比较好
//设置预览界面
.markdown-preview-view{
font-family:"Segoe UI Emoji","更纱黑体 SC","Noto Sans CJK SC";
line-height:1.6;
}
// 设置编辑界面
.markdown-source-view{
font-family: "等距更纱黑体 SC","Segoe UI Emoji","Noto Sans Mono CJK SC", monospace;
text-align: justify;
hyphens: auto;
}
- 等距更纱黑体可以保证中西文严格等宽
- Windows10 对 emoji 的支持非常好，归功于新的系统字体「 Segoe UI Emoji 」，一齐加上去作为 fallback，可以保证 emoji 完美显示
第 1 条附言 · 2021-03-18 15:10:00 +08:00
:root {
--text-font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol",
"更纱黑体 SC", "Noto Sans CJK SC", sans-serif;
--mono-font-family: "等距更纱黑体 SC", "Segoe UI Emoji",
"Noto Sans Mono CJK SC", sans-serif;
}
/* PREVIEW MODE */
div.markdown-preview-view,
.markdown-preview-view {
font-family: var(--text-font-family);
line-height: 1.6;
font-size: 16px;
text-align: justify;
hyphens: auto;
}
/* Edit Mode */
.cm-s-obsidian,
.markdown-source-view {
font-family: var(--text-font-family);
line-height: 1.6;
font-size: 16px;
}
/* TABLE, CODEBLOCK */
.CodeMirror pre.HyperMD-table-row,
pre code,
.markdown-preview-view code,
.cm-s-obsidian pre.HyperMD-codeblock,
.cm-inline-code {
font-family: var(--mono-font-family) !important;
line-height: 1.5em;
font-size: 15px;
}
 |
1
liangch 2021-03-13 20:35:27 +08:00
对于 mac 来说，中文字体没有问题。
|
Select Language