信息图标是否有 HTML 实体？答案

【问题标题】：Is there an HTML entity for an info icon?信息图标是否有 HTML 实体？
【发布时间】：2016-02-26 00:02:37
【问题描述】：

我正在寻找这样的基本信息图标：

【问题讨论】：

答案有点晚了，但你可以使用 Font-Awesome，有很多图标。 fortawesome.github.io/Font-Awesome 你只需用 fa-info-circle 标记你的 css

标签： html unicode html-entities

【解决方案1】：

经过一番搜索，我自己找到了该实体。它的代码是&#9432;，它看起来像这样：ⓘ

【讨论】：

这个字符出现在运行 Chrome 的 OS X 10.11 上。虽然它确实出现了，但与@Biffen 的回答相比，您可能会遇到一些可访问性问题：stackoverflow.com/a/33878646/4556503
@hopkins-matt - 我可以看到这个答案中的角色，但在 Windows/Firefox 上，2017 年，我仍然看不到 Biffen 答案中的角色......（？）跨度>
&#128712; &#8505; 和 &#9432; html 实体将为您提供信息按钮。
只有 ℹ和 ⓘ将在 iphone 和 ipad 上正确显示。前者是浅蓝色圆角正方形，中间有一个白色的“i”。
@JohnHenckel 你能告诉我如何在 swift 中为字符串使用 ⓘ 代码吗？

【解决方案2】：

有?（U+1F6C8，圆圈信息源）。作为 HTML 实体：&#x1F6C8;。

^{有很多工具，很多是在线的，可让您搜索并获取有关 Unicode 字符的更多信息。我个人最喜欢的是this one。}

【讨论】：

这个字符在运行 Chrome 的 OS X 10.11 上不会出现，但我想说这个字符在语义上更合适。
@hopkins-matt 嗯，真可惜。如果想使用它，可能需要指定一种包含它的字体。如果一个人想要安全的话，这适用于大多数非 ASCII 字符。
我同意。我确定这只是字体选择的问题。
在 Firefox 2020 中仍然不显示。需要额外的字体配置。
在 CSS 中使用：p::before { content: "\1f6c8"; } 我需要它。顺便说一句，仅在 Win10 上的 Chrome 中进行测试。

【解决方案3】：

这可能对你有帮助，使用html和css我们可以达到这个效果

<!DOCTYPE html>
<html>
<style>
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
</style>
<body style="text-align:center;">


<div class="tooltip">&#x1F6C8;
  <span class="tooltiptext">Tooltip text</span>
</div>



</body>
</html>

【讨论】：

【解决方案4】：

UNICODE U+02139

十六进制代码&#x2139;

HTML代码&#8505;

CSS代码\2139

// css example
span {
  content: "\2139";
}

HTML Example

<span>&#8505;</span>

Source

【讨论】：

【解决方案5】：

在 HTML 中使用 unicode：&#9432;。

【讨论】：

【解决方案6】：

这些天我用表情符号表示“信息”ℹ️或“文档”?或“来源”?

以前，我会将 ⓘ 放在上标 ^ⓘ 内，因为它反映了它是文本的脚注。

<sup>&#9432;</sup>

此外，考虑 ? 上方的 ☰ 符号，因为它尊重基线。

【讨论】：

【解决方案7】：

HTML 代码：&#8505;

CSS 代码：\2139

【讨论】：