无法修改字体样式

来源:4-10 字体设置弹窗功能实现

肖慕粉

2019-04-09

图片描述
![图片描述](http://img.mukewang.com/szimg/5cac13ee000167b205000989.jpg图片描述
老师,浏览器换过也不行,代码重新打过一次也不行

this.rendition.hooks.content.register(contents => {
          // vue cli 环境变量(环境变量都是在启动时一次性加载到内存,配置环境变量之后需要重新启动)
            contents.addStylesheet('http://localhost:8081/fonts/daysOne.css')

        })
setFontFamily(font) {
        this.setDefaultFontFamily(font)
        if (font === 'Default') {
          this.currentBook.rendition.themes.font('Calibri')
        } else {
          // 添加的字体样式样式需要在EbookReader rendition注入 不能直接引用(iframe里面的fontfamily)
          this.currentBook.rendition.themes.font(font)
        }
      }
<div class="ebook-popup-item" v-for="(item,index) in fontFamilyList" :key="index"
             @click="setFontFamily(item.font)">
写回答

1回答

Sam

2019-04-09

http://localhost:8081/fonts/daysOne.css

这个css文件存在吗?可以检查一下,如果存在,可以检查一下电子书的iframe中该css文件是否被加载,如果成功,在head中会看到该css文件的引用

0
1
肖慕粉
老师,解决了,不过不是很明白,用nginx的ip地址添加CSS就可以,nginx的localhost访问方式方式就无法添加
2019-04-10
共1条回复

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构,完整项目流程

1610 学习 · 1951 问题

查看课程