Pfad für css Schriftart Gesicht

Question

So ist dies der Pfad meiner Schriftarten: Projekt-> Assets-> CSS-> Schriftarten, und in der Schriftarten-Ordner sind meine Schriftart-Dateien. Ich habe es so versucht:

@font-face { 
    font-family: 'ralewaythin'; 
    src: url('assets/css/fonts/raleway_thin-webfont.svg') etc 

Aber ich saugt wirklich auf Wegen. Sorry, wenn dies wirklich dumm ist, aber ich kann sie wirklich nicht verstehen

Answer 1

Relative URLs sind erlaubt und sind in Bezug auf die URL des Stylesheets (nicht auf die URL der Web-Seite).

Zitat von MDN. Wenn Sie relative Pfade verwenden, beachten Sie den Pfad Ihrer Datei .css. Angenommen, Ihre Datei wird auch im assets/css Verzeichnis, wahrscheinlich der richtige Weg wäre:

@font-face { 
    font-family: 'ralewaythin'; 
    src: url('fonts/raleway_thin-webfont.svg'); 
    ... 
} 

Aber eine absolute URL ist auch völlig in Ordnung (auch nicht empfohlen). So sollte auch http://www.yoursite/assets/css/fonts/raleway_thin-webfont.svg funktionieren.

Answer 2

Sie müssen Referenz/relativen Pfad aus, wenn Ihre CSS-Datei existiert. kein Projektpfad. so sollten Sie Ihre src url

sein

url('fonts/raleway_thin-webfont.svg') 

Dank

Answer 3

Sie haben den richtigen Pfad passieren, in dem Sie Schriftart-Dateien sind sitzen. Der Pfad kann relativ zu Ihrer .css-Datei sein. Wenn Sie an allen Projekten arbeiten, wenn Sie der Standard-Ordnerstruktur folgen können, wird das nicht viel verwirren. Wenn Sie Google Font CDN oder einen anderen Live-Link verwenden, müssen Sie sich nicht um den lokalen Dateipfad kümmern.