如何更改 Blazor 应用程序中的默认图标提供程序？

Question

当您第一次创建 Blazor 项目时，默认的图标提供程序是 Iconify，其打开 icon pack。

How can I change the icon provider?

大多数网站提供一些 JavaScript 以包含在 html 页面中，我没有使用它，因为我使用的是 Blazor 页面。

What do I need to do to switch my provider over?

Answer 1

图标来自 @import url('open-iconic/font/css/open-iconic-bootstrap.min.css'); 来自 site.css

导入不同的图标

我用过Material个图标

1.Imported material site.css 中的图标 @import url('https://fonts.googleapis.com/icon?family=Material+Icons');

2.Use Material 图标

例子

    <ul class="nav flex-column">
        <li class="nav-item px-3">
            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
                <i class="material-icons">
                    accessibility
                </i> Home
            </NavLink>
        </li>
        <li class="nav-item px-3">
            <NavLink class="nav-link" href="counter">
                <i class="material-icons">autorenew</i>
                Counter
            </NavLink>
        </li>
    </ul>
</div>`


  [1]: https://i.stack.imgur.com/LmyDC.png

Answer 2

有用的是把下面的link放在head标签上，然后我就能得到图标

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

然后像这样访问图标

<i class="material-icons">face</i>

有关详细信息，请查看此 document

如何更改 Blazor 应用程序中的默认图标提供程序？

How to change the default icon provider in Blazor app?

css

c#

icons

blazor