如何使用引导图标的代码点？

【问题标题】：How can I use code point of Bootstrap Icons?如何使用引导图标的代码点？
【发布时间】：2022-07-01 08:13:27
【问题描述】：

问题总结

下图是引导图标的说明。

我不知道如何使用“代码点”。

【问题讨论】：

标签： css bootstrap-icons

【解决方案1】：

我设法找到了如何使用“代码点”的 CSS。

将以下html添加到文档的head元素中。

将font-family 设置为Bootstrap-icons。

您可以使用css代码点\F120来填充content属性的值。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css">
<style>
    h3::before {
        font-family:'Bootstrap-icons';
        content:'\F120';
    }
</style>

其他的（Unicode、JS、HTML）仍然不被理解。

感谢您阅读我蹩脚的英语！ :)

【讨论】：