BUG! 这本书History/2015_Book_AHistoryOfMalePsychologicalDis的fontsize设置不会生效

来源：4-13 阅读器主题设置功能实现

诺森德的凛冽寒风

2019-01-21

老师的源码也不行
还有部分书设置字体大小只有部分会生效
History/2015_Book_AHistoryOfMalePsychologicalDis的fontsize这本书在刚开始的时候是不生效要到后面设置字体大小才生效

因为blob:http://192.168.1.9:8080/194c0fa5-681e-4b2a-a7bc-51e0f2f33d45这个css文件里面设置了每个段落的字体大小为small,
图片描述
而epub.js设置fontsize是在iframe的body里面所以epub.js设置的fontsize被覆盖了

所以这个该怎么办呢

还有老师源码里阅读器翻页翻不了因为有个mask 要把那个mask删了才能翻

写回答

2回答

Sam

2019-01-22

已采纳

你好，这个问题是电子书的兼容性问题，解决方法是在定义themes时，手动指定class的样式：

style: {
  body: {
    'color': '#4c5059',
    'background': '#cecece',
    'padding-top': `${realPx(48)}px!important`,
    'padding-bottom': `${realPx(48)}px!important`
  },
  '.indent-para': {
    'font-size': '24px'
  }
}

修改字体大小时，更新.indent-para的font-size属性，并重新加载样式，因为themes.fontSize方法仅仅能够修改body的样式。

但是实际项目开发过程中不推荐用这种非常个性化的解决方案，而是应该制定epub电子书的制作标准，保证电子书的一致性，阅读器仅仅是一个框架，而不应该针对某一本书进行定制。

另外，某些电子书自定义样式的目的，有时候反而是防止阅读器修改样式，而将样式进行固化。

诺森德的凛冽寒风

其实如果可以在ifrane里加个 body * ｛fontsize:inherit｝这样就不用对每个都设置了

2019-01-22

共1条回复