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

Question

当您第一次制作 Blazor 项目时，默认图标提供程序是 Iconify，带有它们打开的图标包。

如何更改图标提供程序？

大多数网站都提供了一些JavaScript包含在 html 页面中的内容，我不使用它，因为我正在使用一个Blazor页面。

我需要做什么来转换我的提供商？

Answer 1

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

导入不同的图标

我用过材质图标

1.在site.css中导入材质图标 @import url('https://fonts.googleapis.com/icon?family=Material+Icons');

2.使用材质图标

例子

    <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