信息图标有HTML实体吗？

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

html unicode html-entities

— 亚历克斯迷彩风格
source

答案有点晚了，但是您可以使用Font-Awesome，其中包含大量的图标。fortawesome.github.io/Font-Awesome，您只需用fa-info-circle标记您的CSS

— Paul Ledger

Answers:

144

经过更多搜索后，我自己找到了该实体。它的代码是ⓘ，它看起来像这样：ⓘ

— 亚历克斯迷彩风格
source

该字符在运行Chrome的OS X 10.11上为我显示。虽然它确实显示，但与@Biffen的答案相比，您可能会遇到一些可访问性问题：stackoverflow.com/a/33878646/4556503

— Hopkins-matt 2015年

@ hopkins-matt-我可以在此答案中看到该字符，但是在Windows / Firefox上，在2017年，我仍然看不到Biffen的答案中的字符...（？）

— 代码骑师

🛈 ℹ和ⓘhtml实体会为您提供信息按钮。

— mgalic

只有＆＃8505; 和＆＃9432; 将在iphone和ipad上正确显示。前者是浅蓝色的圆角正方形，中间带有白色“ i”。

— 约翰·亨克尔

@JohnHenckel您能告诉我如何快速使用＆＃9432代码作为字符串。

— Khushboo Dhote

有🛈（U + 1F6C8，循环信息源）。作为HTML实体：🛈。

^{有许多工具（许多在线工具）使您可以搜索Unicode字符并获得有关其的更多信息。我个人最喜欢的就是这个。}

— 比芬
source

在运行Chrome的OS X 10.11上，该字符对我而言没有显示，但是我想说这个字符在语义上更合适。

— Hopkins-matt 2015年

@ hopkins-matt嗯，真可惜。如果要使用它，可能需要指定一种包含它的字体。如果希望安全的话，这适用于大多数非ASCII字符。

— 比芬2015年

我同意。我敢肯定这只是字体选择的问题。

— Hopkins-matt 2015年

仍未在Firefox 2020中显示。需要额外的字体配置。

— NVRM

在CSS中使用：p::before { content: "\1f6c8"; }我需要这样做。仅在Win10，BTW的Chrome中进行测试。

— Neil Guy Lindberg

这可能对您有帮助，使用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>

展开摘要

— JHM16
source