分享微信读书的弹注写法

edennow · 发表于 2024-3-16 11:49

本帖最后由 edennow 于 2024-3-16 12:11 编辑

不知道大家是不是清楚微信读书的弹注是怎么样写的，我之前一直不知道（可能是我孤陋寡闻了）。

看了一些微信读书流出的源文件，微信读书的弹注只需按照：

<img alt="这是测试的弹注内容" class="qqreader-footnote" src="../Images/note.png"/>

这种写法即可顺利弹出注释，也就是在弹注图标加个 class 名，再通过 alt 写注释内容。

如果之前是写的多看弹注，应该也可以兼容的，比如只要按照：

<sup><a class="duokan-footnote" id="noteref_1" href="#note_1"><img alt="这是测试的弹注内容" class="qqreader-footnote" src="../Images/note.png"/></a></sup>

这样的写法，应该就能在多看和微信读书都实现弹注了（多看的注释内容仍然放在页尾的列表里即可），若感兴趣可以尝试一下。

顺便提一下。微信读书应该是不支持自己内嵌多字体的，但是，可以通过以下这样的 font-family 的设置，利用微信读书的内置字体实现多字体的效果：

font-family: "汉仪楷体","ETrump KaiTi","方正仿宋","FZFSJW--GB1-0"; /*这个是微信读书自带的方正宋刻本秀楷*/

只需在原有的字体名后面，加上上面这些字体即可。