如何更改 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

Answer 2

有效的是將以下鏈接放在 head 標簽上，然后我就可以獲得圖標

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

然后像這樣訪問圖標

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

有關更多信息，請查看此文檔