【问题标题】:Awesomefont is not showing on server, locally it does真棒字体未在服务器上显示,在本地显示
【发布时间】:2021-12-24 15:56:11
【问题描述】:

我使用了 awesomefont 库中的一些图标,它在本地显示它,但在服务器上却没有。

问题在于 URL。

本地网址:http://localhost:1234 服务器网址:https://site.nl/sitename/

当我查找字体未加载的原因时,我发现它在 https://site.nl 中查找字体文件,而不是在 https://site.nl/sitename 中查找字体文件

我的包配置如下所示:

字体文件位于应用程序根目录的字体文件夹中。

我希望它始终在本地和服务器上工作。 我该怎么做?

现在我通过在https://site.nl 上添加一个指向站点字体文件夹的虚拟文件夹将其修复在服务器上。 它现在显示图标,但这似乎是一个快速而肮脏的解决方案。

【问题讨论】:

  • 如果应用程序相关 URL 解析到站点的根目录而不是应用程序的根目录,听起来您服务器上的 sitename 文件夹未配置为 IIS 中的应用程序.

标签: c# css asp.net-mvc font-awesome


【解决方案1】:

你可以检查两件事

正如评论中提到的,很可能没有找到实际的字体文件。如果你查看字体很棒的 CSS 文件,你可能会看到如下内容:

@font-face { font-family: 'FontAwesome'; src: url('../font/fontawesome-webfont.eot'); }

将此添加到您的 web.config:webconfig setting

【讨论】:

  • 不要将代码添加为图像。将其直接粘贴到您的答案中。
  • webconfig 的代码不起作用。我在字体文件夹中添加了一个虚拟文件夹,并且确实有效。不确定是否是一个好的解决方案,但它给了我更多的时间来找出一个。