obsidian css 字体粗细中英文分离

Question

obsidian css代码段设置了500的字体粗细，但是英文字体总比中文粗很多，怎么直接更改英文字体的粗细，而不影响中文字体。

Answer 1

引自免费微信小程序：皆我百晓生

在 Obsidian 中修改 CSS 以实现中英文字体粗细分离，你需要针对中文和英文字符应用不同的 font-weight 属性。可以使用伪元素和选择器来实现这一目标。这里是一个具体的步骤和代码示例：

1. 首先，在你的 Obsidian 客户端安装一个支持用户自定义 CSS 的插件，例如「Custom CSS」或「User Style Sheet」。这些插件允许你在本地添加自定义样式。

2. 找到插件设置中的 CSS 编辑区域，然后输入以下代码：

/* 为中文文本设置特定的 font-weight */
span[data-lang="zh"] {
  font-weight: normal; /* 根据需求调整为合适的值，比如 400 或者其他 */
}

/* 为英文文本设置特定的 font-weight */
span[data-lang="en"] {
  font-weight: lighter; /* 根据需求调整为合适的值，比如 300 或者其他 */
}

这段代码会根据文本的语言属性（data-lang）为中文和英文分别设置不同的字体粗细。确保已经正确设置了文本的语言属性，通常情况下 Obsidian 会自动识别并标记语言。

如果你不使用插件，那么可能需要手动编辑Obsidian的主题CSS文件，这取决于你的 Obsidian 版本和主题。找到对应的 CSS 文件后，将上述代码粘贴进去即可。

注意：这种方法依赖于 Obsidian 自动为不同语言的文本添加 data-lang 属性，因此可能不是所有 Obsidian 主题都支持。另外，如果你的主题没有对代码块内的文本应用这个属性，可能还需要更复杂的 CSS 选择器来匹配代码块内的英文和中文。