本地的css文件加载出错

Question

1. 在网页上引入iview.css不会报错我想把它下载到本地，直接从本地获取，结果字体图标不显示了？没我想问下咋解决？

如图：课件icon全都消失了

2.然后我查看了报错信息。如图

3.显示没加载这三个文件，然后，我又下载了这三个文件，但我想知道咋用，目前我的方法是，在css中引用,位置没错，但是还是汇报上述错误，找不到文件。应该如何解决？而且icon还是没加载啊？

@font-face {
  font-family: 'iviewfont';
  src: url('../fonts/ionicons.woff2') format('woff'),
       url('../fonts/ionicons.ttf') format('truetype');
       font-weight: normal;
       font-style: normal;
}
html, body {
    background: #f5f7f9;
    overflow-y: hidden;
    font-family: 'iviewfont';
}

Answer 1

CSS 里面资源文件会用相对路径来解析，所以，你的项目结构应该是这样的：

|- css/
|----- main.css
|- fonts/
|----- fonts.ttf