Wie Pfad zu Schriftart angeben, wenn weniger

Question

Meinen ersten Tag mit weniger Kompilierung in Visual Studio kompiliert 2015

ich mit all den weniger Dateien für das Projekt Aufruf einen Ordner habe css-src

ich dann Compiler-Option, die besagt, die Ausgabedateien in wwwroot/css zu setzen.

Dies bringt die kompilierten Dateien an den erwarteten Speicherort.

Der Pfad zur Schriftart wird jedoch nicht korrekt kompiliert.

Zum Beispiel in weniger:

@font-face { 
font-family: 'Proxima Nova'; 
src: url('../fonts/Proxima_Nova_Semibold.eot'); 
src: url('../fonts/Proxima_Nova_Semibold.eot') format('embedded-opentype'), 
url('../fonts/Proxima_Nova_Semibold.woff2') format('woff2'), 
url('../fonts/Proxima_Nova_Semibold.woff') format('woff'), 
url('../fonts/Proxima_Nova_Semibold.ttf') format('truetype'), 
url('../fonts/Proxima_Nova_Semibold.svg#Proxima_Nova_Semibold') format('svg'); 
font-style: normal; 
font-weight: 600; 

}

In kompilierte Datei:

@font-face { 
font-family: 'Proxima Nova'; 
src: url('../../css-src/fonts/Proxima_Nova_Semibold.eot'); 
src: url('../../css-src/fonts/Proxima_Nova_Semibold.eot') format('embedded-  opentype'), url('../../css-src/fonts/Proxima_Nova_Semibold.woff2') format('woff2'), url('../../css-src/fonts/Proxima_Nova_Semibold.woff') format('woff'), url('../../css-src/fonts/Proxima_Nova_Semibold.ttf') format('truetype'), url('../../css- src/fonts/Proxima_Nova_Semibold.svg#Proxima_Nova_Semibold') format('svg'); 
    font-style: normal; 
    font-weight: 600; 
} 

Der kompilierte Pfad ist falsch. Es sollte fonts/Proxima_Nova_Semibold.eot sein

Wie sollte ich das konfigurieren?

Answer 1

Deklarieren Sie eine Variable:

@path-fonts: "/fonts"; 

dann verwenden. Beachten Sie die geschweiften Klammern um den Variablennamen:

@font-face { 
    font-family: 'Proxima Nova'; 
    src: url('@{path-fonts}/Proxima_Nova_Semibold.eot'); 
    src: url('@{path-fonts}/Proxima_Nova_Semibold.eot') format('embedded-opentype'), 
    url('@{path-fonts}/Proxima_Nova_Semibold.woff2') format('woff2'), 
    url('@{path-fonts}/Proxima_Nova_Semibold.woff') format('woff'), 
    url('@{path-fonts}/Proxima_Nova_Semibold.ttf') format('truetype'), 
    url('@{path-fonts}/Proxima_Nova_Semibold.svg#Proxima_Nova_Semibold') format('svg'); 
    font-style: normal; 
    font-weight: 600; 
}