我的字体没有在 CSS 中加载

【问题标题】：My fonts are not loading in CSS我的字体没有在 CSS 中加载
【发布时间】：2017-06-15 19:12:25
【问题描述】：

我正在尝试从名为 fonts 的本地文件夹中调用我的本地字体，但这些字体没有加载到 css 中，下面是

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'ProximaNova';
    src: url('fonts/ProximaNova-Regular.eot');
    src: url('fonts/ProximaNova-Regular.woff2') format('woff2'),
       url('fonts/ProximaNova-Regular.woff') format('woff'),
      url('fonts/ProximaNova-Regular.ttf')  format('truetype'),
       url('fonts/ProximaNova-Regular.svg') format('svg');
}

提前致谢

【问题讨论】：

标签： css

【解决方案1】：

检查您的路径，最佳做法是始终使用相对路径

根
- index.html
- 插件
  - 样式表
    - style.css
  - 来源
    - 字体
      - ProximaNova-Regular.woff2
      - ProximaNova-Regular.eot
      - ProximaNova-Regular.woff
      - ProximaNova-Regular.ttf
      - ProximaNova-Regular.svg

应该是这样的，

@font-face {
        font-weight: normal;
        font-style: normal;
        font-family: 'ProximaNova';
        src: url('../sources/fonts/ProximaNova-Regular.eot');
        src: url('../sources/fonts/ProximaNova-Regular.woff2') format('woff2'),
           url('../sources/fonts/ProximaNova-Regular.woff') format('woff'),
          url('../sources/fonts/ProximaNova-Regular.ttf')  format('truetype'),
           url('../sources/fonts/ProximaNova-Regular.svg') format('svg');
    }

【讨论】：