Question

我正在处理MVC 5项目。我已将SummerNote集成到项目中。现在，您在上面的链接中看到的工具栏具有一些图标。当我运行我的项目时，它在本地运行良好，但是在部署时找不到图标。因此，由于我不完全了解整个工作原理，因此我通过更改summernote-bs3.css和summernote.css中的路径来解决了部署问题，但是本地版本当然坏了。

我修改了部署方式：

@font-face {
font-family: 'Glyphicons Halflings';
src: url('~/Content/fonts/glyphicons-halflings-regular.eot');
src: url('~/Content/fonts/glyphicons-halflings-regular.eot?#iefix')     
format('embedded-opentype'), url('~/Content/fonts/glyphicons-     halflings-    
regular.woff') format('woff'), url('~/Content/fonts/glyphicons-halflings-
regular.ttf') format('truetype'), url  ('~/Content/fonts/glyphicons-
halflings-regular.svg#glyphicons_halflingsregular') format('svg');}

收件人：

@font-face {
font-family: 'Glyphicons Halflings';
src: url('../Content/plugins/fonts/glyphicons-halflings-regular.eot');
src: url('../Content/pluginsfonts/glyphicons-halflings-regular.eot?#iefix') 
format('embedded-opentype'), url('../Content/plugins/fonts/glyphicons-
halflings-regular.woff') format('woff'), 
url('../Content/plugins/fonts/glyphicons-halflings-regular.ttf') 
format('truetype'), url('~/Content/fonts/glyphicons-halflings-
regular.svg#glyphicons_halflingsregular') format('svg');}

请注意，我将〜/ Content / fonts / 更改为 ../ Content / fonts / 。我对summernote.css也做了同样的事情。

其原因是，在我的部署中，我尝试下载：

https://mysite.azurewebsites.com/plugins/~/content/fonts/ .....

但即使〜表示家在这种情况下实际上与../相同，也找不到它。

所以我不太确定如何解决此问题。这些路径是如何工作的或从何处拾取的？

感谢您的想法和帮助。

Answer 1

在经过数小时的试用后，我确定了字体/样式的路径如何添加到网站的URL中。在bundle.config中：

bundles.Add（new StyleBundle（“〜/ 插件 / summernoteStyles”）。Include（

上面粗体显示的基础将添加到您网站的域的末尾。所以我得到了：

https://mysite.azurewebsites.net/ 插件 /fonts/glyphicons-halflings-regular.woff

要修复此问题，我将bundle.config更改如下：

bundles.Add（新的StyleBundle（“〜 / Content / plugins / summernote / summernoteStyles”）。Include（

也许有一天会帮助别人。

MVC 5项目中缺少图标

1 个答案: