无法修改字体样式

Question

![图片描述](http://img1.sycdn.imooc.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)">

Answer 1

Sam 2019-04-09 23:11:03

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

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

• 提问者 肖慕粉 #1

  老师，解决了，不过不是很明白，用nginx的ip地址添加CSS就可以，nginx的localhost访问方式方式就无法添加