Obsidian电子书阅读设置：gh_mirrors/aw/awesome-obsidian项目字体与行距

你是否在使用Obsidian（黑曜石）阅读电子书时，总觉得默认字体太小、行距太挤，长时间阅读眼睛酸涩？本文将带你通过项目内置的CSS代码片段（CSS Snippet），三步优化字体大小、行间距和文本对齐方式，打造媲美专业阅读器的舒适体验。读完你将掌握：调整正文与标题字体大小、设置最佳阅读行距、启用段落两端对齐的具体方法，并学会如何自定义这些参数以适应个人阅读习惯。

为什么选择CSS片段优化阅读体验

Obsidian作为一款本地优先的笔记软件（Note-taking App），支持通过自定义CSS代码片段修改界面样式。项目的CSS Snippets目录提供了19种现成样式调整方案，其中Hyphenation and Justification是专为提升长文本阅读体验设计的核心工具。

基础优化：启用段落对齐与连字符

启用方法

1. 复制项目中的hyphenation-and-justification.css文件到你的Obsidian库的.obsidian/snippets文件夹
2. 在设置→外观→CSS片段中启用该片段

效果展示

该片段通过CSS实现文本两端对齐和智能断字，减少阅读时的视线跳跃：

核心代码解析：

.cm-s-obsidian,
.markdown-preview-view {
  text-align: justify;  /* 两端对齐 */
  hyphens: auto;        /* 自动连字符 */
}

进阶调整：自定义字体大小与行距

字体大小调整

在上述CSS文件中添加以下代码，将正文字体调整为16px（默认约14px）：

.markdown-preview-view {
  font-size: 16px;  /* 正文字体大小 */
}

.markdown-preview-view h1 {
  font-size: 2em;   /* 一级标题大小 */
}

.markdown-preview-view h2 {
  font-size: 1.5em; /* 二级标题大小 */
}

行距优化

继续添加行距设置，推荐值为1.6（默认约1.2）：

.markdown-preview-view p {
  line-height: 1.6;  /* 行间距 */
  margin-bottom: 1.2em; /* 段落间距 */
}

扩展技巧：结合其他片段增强体验

调整代码块字体大小

若电子书包含代码示例，可使用tag-pills.css中的字体控制逻辑，添加：

.markdown-preview-view pre {
  font-size: 0.9em; /* 代码块字体缩小10% */
}

优化列表显示

配合better-bullet-points-in-edit-mode.css的列表样式，提升多级列表可读性：

参数自定义指南

根据个人设备屏幕尺寸和阅读距离，可调整以下参数：

设备类型	推荐字体大小	推荐行高
手机/平板	16-18px	1.6-1.8
电脑屏幕	14-16px	1.5-1.6
大屏显示器	18-20px	1.7-1.9

总结与下一步

通过组合使用项目提供的CSS Snippets，我们实现了：

• 基于hyphenation-and-justification.css的文本对齐优化
• 自定义字体大小与行距的扩展配置
• 与其他样式片段的协同使用

下一步建议尝试image-cards.css优化电子书插图显示，或修改stylish-blockquotes.css自定义引用样式。所有代码片段均可在项目的media/css-snippets/目录查看效果演示图。

如果你有更好的参数配置方案，欢迎通过CONTRIBUTING.md文档中的指南提交你的优化方案，帮助更多用户提升阅读体验。