Asp.net-Core
如何將 Font Awesome 添加到 Blazor 客戶端（Razor 組件）應用程序？
我在 .NET Core 3.1 中創建了一個 Blazor WebAssembly 託管模板。然後右鍵點擊project.Client/wwwroot/css文件夾並點擊
Add client side library. 然後選擇 Font Awesome 庫並安裝它。我將以下行添加到index.html<head>。<link href="css/font-awesome/css/fontawesome.css" rel="stylesheet"/>我有libman.json的：
{ "version": "1.0", "defaultProvider": "cdnjs", "libraries": [ { "library": "font-awesome@5.11.2", "destination": "wwwroot/css/font-awesome/" } ] }我只在預設的 Blazor 模板頁面Counter.razor（Razor 組件）中添加了以下行。IntelliSense 找到字型：
@page "/counter" <h1>Counter</h1> <span class="fa fa-save"></span> @code {}但我只看到一個正方形：
您還需要包含 JavaScript。
<link rel="stylesheet" href="css/font-awesome/css/fontawesome.min.css" /> <script src="css/font-awesome/js/all.min.js"></script>您可以將標籤放在
<script>文件底部的另一個標籤下方，但我懷疑您會注意到任何速度差異。從現在刪除的評論中：
JS 只是一個選項（首選選項），但 CSS only 仍然是一個選項。另外，您不要同時使用兩者。它是 CSS 或 JS
在 Blazor 中，我只能讓 JS 版本工作。只有 CSS 不起作用（文件是 200-OK）。