glyphicon图标没有出现在我的MVC网站上实现了bootstrap

Question

以下是我的HTML标记

<button class="btn btn-default" type="submit">
<i class="glyphicon glyphicon-camera"></i>
</button>

我更改了以下行variable.less

@icon-font-path:          "..\fonts";

fonts文件夹包含四个文件 - 用于glyphicons-halflins的eot，svg，ttf和woff扩展文件

以下是文件夹结构的方式 -

• 内容\ bootstrap.css
• 内容\ bootswatch.css
• 内容\ variables.less
• 联系\ fonts--所有四个文件（扩展名 - eot，svg，ttf和 WOFF）

知道它为什么不在网页上显示图标？

对此的任何帮助都非常感激。

Answer 1

您使用反斜杠指定路径。你用正斜杠试了吗？ 看看Is there a way to set a common image path for LESS files?。所有这些都使用正斜杠。

Answer 2

那么，你的道路是错的。 variables.less位于/Content，您的字体文件位于/Content/fonts，但您的路径是从/Content上升到一级，只有/，然后在那里查找fonts目录，即/fonts，而不是/Content/fonts。删除字体路径的../部分，然后重试。