Question

我在Visual Studio 2015中编译较少的第一天。

我有一个文件夹，其中包含项目调用css-src

的所有较少文件

然后我有一个编译器选项，说输出文件放在wwwroot / css。

这确实将编译后的文件放在预期的位置。

但是，字体的路径未正确编译。

例如，在less：

@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;

}

在编译文件中：

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

编译的路径不正确。它应该是fonts/Proxima_Nova_Semibold.eot

我应该如何配置？

Answer 1

声明变量：

@path-fonts: "/fonts";

然后使用它。请注意变量名称周围的大括号：

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

如何在编译较少时指定字体路径

1 个答案: