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";/*这个是微信读书自带的方正宋刻本秀楷*/

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

独饮忘川 发表于 2024-3-16 13:03

感谢分享,学到了

海盗 发表于 2024-3-16 13:16

感谢分享,收藏需要时学习。

方火火 发表于 2024-3-16 15:35

感谢分享,很有用,不知道微信什么时候会支持内嵌字体

Moss66 发表于 2024-3-16 19:03

很实用的功能,先收藏了。

兵河之眼 发表于 2024-3-22 09:57

楼主,技术大牛!!

兵河之眼 发表于 2024-3-22 09:58

京东读书的弹注,有研究吗?

不离西阁 发表于 2024-3-28 07:30

这个太好了,一直再找微信读书的弹注写法,感谢&#128591;

不值得cg 发表于 2024-4-4 14:26

能不能给我一些微信读书流出的源文件,我想学习参考里面的css代码,邮箱cgtsj01@163.com,非常感谢

Loveqm2024 发表于 2024-4-4 21:23

感谢分享,学习了!
页: [1] 2
查看完整版本: 分享微信读书的弹注写法