gpt4 book ai didi

asp.net-core - 如何将 Font Awesome 添加到 Blazor 客户端(Razor 组件)应用程序?

转载 作者:行者123 更新时间:2023-12-03 15:22:42 26 4
gpt4 key购买 nike

我在 .NET Core 3.1 中创建了一个 Blazor WebAssembly 托管模板。然后右键单击 project.Client/wwwroot/css 文件夹并单击添加客户端库。然后选择 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 {}
但我只看到一个正方形:
enter image description here

最佳答案

您还需要包含 JavaScript。

<link rel="stylesheet" href="css/font-awesome/css/fontawesome.min.css" />
<script src="css/font-awesome/js/all.min.js"></script>

你可以把 <script>标记在文件底部的另一个下方,但我怀疑您是否会注意到任何速度差异。

从现在删除的评论:

The JS is just one option (the preferred option), but CSS only is still an option as well. Also, you don't use both. It's either CSS or JS



在 Blazor 中,我只能让 JS 版本工作。 CSS 只是不起作用(文件是 200-OK)。

关于asp.net-core - 如何将 Font Awesome 添加到 Blazor 客户端(Razor 组件)应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59197533/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com