如何使用引导图标的代码点？
如何使用引导图标的代码点？
提问于 2022-07-01 00:13:27
问题摘要
下面的映像是对引导图标的描述。
我不知道如何使用“代码点”。
U+F120：
- Unicode
\F120：
- CSS
\uF120
- JS
：
回答 2
Stack Overflow用户
回答已采纳
发布于 2022-08-21 10:56:33
对于使用HTML代码点，您只需将元素(或您的身体)的字体系列设置为“引导-图标”，然后一切都会正常工作。
<!DOCTYPE html>
<html>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
<style>
.test
{
font-family:'Bootstrap-icons';
}
</style>
<body>
<div class="test">

</div>
</body>
</html>Stack Overflow用户
发布于 2022-07-01 00:13:27
我设法找到了如何使用“代码点”的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)仍然是未知的。
谢谢你阅读我破碎的英语！)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72823204
复制相关文章
相似问题
腾讯云开发者
