Meine Schriften werden nicht geladen in CSS

Question

Ich versuche, meine lokalen Schriften aus meinem lokalen Ordner namens Fonts zu nennen, aber diese werden nicht geladen in CSS und unten ist

@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'); 
} 

Vielen Dank im Voraus

Answer 1

prüfen Sie die Pfade, ist Best Practices immer eine relative Pfade verwenden

• Wurzel
  • index.html
  • add_ons
    • style_sheets
      • style.css
    • Quellen
      • Schriftarten
        • ProximaNova-Regular.woff2
        • ProximaNova-Regular.eot
        • ProximaNova-Regular.woff
        • ProximaNova-Regular.ttf
        • ProximaNova-Regular.svg

sein sollte,

@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'); 
    }