icon-fonts - 新的 Bootstrap 图标有可用的字体吗？

Question

来自 Font Awesome 我想使用 new Bootstrap Icons在我的网络项目中。不幸的是，就我必须插入的代码量而言，包含 Bootstrap 图标似乎更加乏味。
我在找什么:
以图标 bi-chevron-right 为例.有没有办法将 Bootstrap Icons 用作字体？伪代码:

<i class="bi bi-chevron-right"></i>

这种方式有几个好处:

简单而干净地包含一个图标。

更好的加载时间，因为项目的所有图标只包含 1 个外部文件。

更灵活地放置实际图标库的位置(考虑选项 b)您更改库的路径，您必须更新所有引用!)。

没有实际图标大小的硬编码，因为这可以由纯 CSS 控制。

什么docs目前只提供:
文档目前提供了几种插入图标的方法。所有这些都包括安静的一些代码来编写。
a) 直接嵌入SVG:

<svg class="bi bi-chevron-right" width="32" height="32" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.646 3.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L12.293 10 6.646 4.354a.5.5 0 010-.708z"/></svg>

b) 或使用 SVG Sprite :

<svg class="bi" width="32" height="32" fill="currentColor">
    <use xlink:href="/path/to/bootstrap-icons.svg#chevron-right"/>
</svg>

c) 或链接外部图像:

<img src="/path/to/bootstrap-icons/chevron-right.svg" alt="" width="32" height="32" title="Bootstrap">

(不是说与选项 a 基本相同的 CSS 变体，只是更乏味。)
或者我错过了什么？

Answer 1

还有什么工作:

npm install bootstrap@next

npm install bootstrap-icons

然后在你的 main.css

@import url('../../../node_modules/bootstrap-icons/font/bootstrap-icons.css');

然后在 HTML 中

<i class="bi bi-alarm"></i>