Obsidian 中文字体设置

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 1895 days ago, the information mentioned may be changed or developed.

目标：

能完美显示 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 完美显示

Supplement 1 · Mar 18, 2021

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

2 replies • 2021-03-13 22:04:04 +08:00

liangch

Mar 13, 2021

对于 mac 来说，中文字体没有问题。

raawaa

Mar 13, 2021

@liangch 羡慕 mac 用户。4000 多元的小新笔记本用户只能自己折腾