面向微信读书制作epub

注释样式

微信读书原版书有一种注释形式是在文字右边显示“注”字图片，点击后会弹出注释框，如下图所示：

这里对应的xhtml代码是这样的：

<img alt="Lewis M. Dab...." class="qqreader-footnote" src="../Images/note.png"/>

qqreader-footnote样式代码：

.qqreader-footnote {
    width: 1em;
    margin-left: 0.1em;
    margin-right: 0.1em
}

一些样式

正文里的普通段落：

.content {
    font-family: "汉仪旗黑50S", "HYQiHei-50s", "PingFang SC", -apple-system, "SF UI Text", "Lucida Grande", STheiti, "Microsoft YaHei", sans-serif;
    text-indent: 2em
}

作者：

.author {
    font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0", "PingFang SC", -apple-system, "SF UI Text", "Lucida Grande", STheiti, "Microsoft YaHei", sans-serif;
    text-align: center;
    margin: 0.3em auto 0.5em auto
}

诗歌类段落：

.poem {
    font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0", "PingFang SC", -apple-system, "SF UI Text", "Lucida Grande", STheiti, "Microsoft YaHei", sans-serif;
    text-align: center;
    line-height: 1.3em;
    margin: 0.3em auto;
    text-indent: 0em
}