css - 我的字体没有加载到 CSS 中

Question

我正在尝试从名为 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');
}

提前致谢

Answer 1

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

• 根
  • index.html
  • 附加组件
    • 样式表
      • 样式.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');
    }