背景

市面上大部分阅读器字体、样式排版非常不友好，而 Calibre 功能强大，可以适合折腾。

打开”编辑书籍”，在左侧的”样式”菜单里覆盖css文件即可。

Calibre 电子书自定义样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
/* Calibre电子书自定义样式 - PC端阅读体验 */

/* 全局设置 */
body {
  font-family: "Source Code Pro", "思源黑体", sans-serif; /* 全局字体 */
  font-size: 18px; /* 根据需要调整字号 */
  line-height: 1.6; /* 行高，保证阅读舒适 */
  color: #333; /* 主文本颜色 */
  background-color: #fdfdfd; /* 背景颜色，柔和舒适 */
  margin: 0 auto; /* 居中显示内容 */
  padding: 20px; /* 页面内边距 */
  max-width: 800px; /* 控制文本行宽，利于阅读 */
}

/* 标题样式 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit; /* 继承全局字体 */
  font-weight: bold; /* 标题加粗 */
  margin-top: 1.5em; /* 标题上外边距 */
  margin-bottom: 0.5em; /* 标题下外边距 */
  line-height: 1.2; /* 标题行高 */
  color: #111; /* 标题颜色 */
}

/* 段落 */
p {
  letter-spacing: 1px; /* 字间距 */
  margin: 1em 0; /* 段前段后间距 */
  text-align: justify; /* 两端对齐 */
  text-justify: inter-word; /* 单词间距调整 */
}

/* 链接 */
a {
  color: #007acc; /* 链接颜色 */
  text-decoration: none; /* 去掉下划线 */
}

a:hover {
  text-decoration: underline; /* 鼠标悬停显示下划线 */
}

/* 图片 */
img {
  max-width: 100%; /* 图片最大宽度 */
  height: auto; /* 图片高度自适应 */
  display: block; /* 图片居中显示 */
  margin: 10px auto; /* 图片外边距 */
}

/* 引用块 */
blockquote {
  margin: 1em 0; /* 引用块外边距 */
  padding: 0.5em 1em; /* 引用块内边距 */
  border-left: 4px solid #ddd; /* 左侧边框 */
  background-color: #f9f9f9; /* 背景颜色 */
  font-style: italic; /* 斜体 */
}

/* 代码及预格式文本 */
code,
pre {
  font-family: "Source Code Pro", "思源黑体", monospace; /* 代码字体 */
  background-color: #f4f4f4; /* 代码块背景色 */
  padding: 2px 4px; /* 代码块内边距 */
  border-radius: 3px; /* 圆角 */
}

/* 预格式化文本块 */
pre {
  overflow: auto; /* 滚动条 */
  padding: 10px; /* 代码块内边距 */
}

/* 列表 */
ul,
ol {
  margin: 1em 0; /* 列表外边距 */
  padding-left: 40px; /* 列表缩进 */
}

/* 表格 */
table {
  border-collapse: collapse; /* 合并边框 */
  margin: 1em 0; /* 表格外边距 */
  width: 100%; /* 表格宽度 */
}

table,
th,
td {
  border: 1px solid #ddd; /* 表格边框 */
}

th,
td {
  padding: 8px; /* 单元格内边距 */
  text-align: left; /* 左对齐 */
}

/* 水平分割线 */
hr {
  border: none; /* 无边框 */
  border-top: 1px solid #ddd; /* 上边框 */
  margin: 2em 0; /* 分割线外边距 */
}