Question

我遇到了一个问题，即字体真棒图标在我发布的IIS服务器上显示为正方形（找不到404），但是可以在Visual Studio调试器中使用。我了解同一个问题有多个答案，但在解决此问题上均未成功。我正在使用来自startboostrap.com的sb-admin模板。到目前为止，这是我所做的：

将Mime类型添加到IIS管理器：.woff和.woff2作为 application / font-woff和application / font-woff2。
在Index.html中使用了以下代码（忽略了对多个位置的引用的事实，我尝试了模板中的内容以及自己导入字体真棒，分别评论了它们，以查看是否会发生某些事情）：


    <!-- Custom fonts for this template-->
    <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" 
    type="text/css">

    <!-- Page level plugin CSS-->
    <link href="vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">

    <!-- Custom styles for this template-->
    <link href="Content/sb-admin.css" rel="stylesheet">

    <link href="http://cdnjs.cloudflare.com/ajax/libs/font- 
    awesome/5.9.0/css/font-awesome.css" rel='stylesheet' type='text/css' />

    <link href="fa_5.9/css/fontawesome.css" rel="stylesheet">
    <link href="fa_5.9/css/brands.css" rel="stylesheet">
    <link href="fa_5.9/css/solid.css" rel="stylesheet">

在Web.config中配置的mime类型：

    <system.webServer>
        <staticContent>
          <remove fileExtension=".otf" />
          <mimeMap fileExtension=".otf" mimeType="font/otf" />
          <remove fileExtension=".woff" />
          <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
          <remove fileExtension=".woff2" />
          <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
        </staticContent>
...

已添加到sb-admin.css（仅供尝试）：

    @import url("http://cdnjs.cloudflare.com/ajax/libs/font- 
    awesome/5.9.0/css/font-awesome.css");

我已经快要放弃了。我是一家公司的唯一开发人员，这是我为他们进行Web开发的第一步，实际上我不认为我可以尝试更多的方法。是否有人对可能解决的问题有任何线索？

编辑：已修复！我发现这些东西实际上与我的问题无关。每当我使用Visual Studio“发布”项目时，它都不会包括HTML代码中依赖的链接的所有文件夹（例如“ vendor /”）。我只是将这些文件夹移到了包含已发布代码的文件夹中，现在该项目可以正常工作了。

字体真棒图标在IIS服务器10发布的ASP.net页上显示为正方形

0 个答案: