有没有一个Unicode等价符号可以代表图标网格?

12

示例图片

是否有类似的 Unicode 符号?

毕竟,我能找到 ☰ 这个符号,只是想知道是否有类似于图标网格的东西。


如果没有,是否有任何像BootStrap图标一样的免费图标字体服务?(实际上,BootStrap图标是否有这样的符号)? - user3399717
1
http://fortawesome.github.io/Font-Awesome/icon/th/ - Sebsemillia
没关系,BootStrap图标“glyphicon glyphicon-th”可以很好地完成任务 - 但仍然想知道是否有本地Unicode符号。 - user3399717
@Sebsemillia 谢谢,这是免费的吗? - user3399717
是的,Font Awesome 是免费使用的。 - Sebsemillia
很酷!@Sebsemillia可能会同意。谢谢。 - user3399717
9个回答

13

11

这是一个聪明的解决方案,它完美地呈现。 - Max Lumnar
很遗憾,这些正方形没有垂直和水平的边。 - Walter Tross
@WalterTross,你写道“两者都不包含具有垂直和水平边的正方形”--但埃塞俄比亚语音调标记Rikrik确实包含垂直和水平边。如果你点击我的答案中的链接,可以在放大版本中看到这一点。 - Joe DeRose
@JoeDeRose 我认为你正在使用一种不精确的字体。这个页面和链接页面上所看到的都是根据所使用的字体呈现的。在这里,您可以查看Unicode参考,而在这里,您可以看到另一种呈现方式(作为图像)。 - Walter Tross

6

虽然不是一组图标网格,但字符U+25A6通常被称为"方形正交交叉填充",通常呈现为4x4的网格。

U+25A6

还有一些您可以使用的盲文图案。唯一的问题是它们只有两列。"盲文点12345678"被呈现为四个点的两列。

U+28FF

您可以将它们一个接一个地放置,并修改字距。在 CSS 中,这将是 letter-spacing: -.2em; 以确保精度。 它看起来像这样:

Dot Matrix

您可以将此粘贴到地址栏以进行预览:

data:text/html,<html style="letter-spacing: -.2em"><meta charset="utf-8">⣿⣿

1
这对我来说显示为 ⣿⣿。你是否缺少元字符集标签? - GirkovArpa
1
@GirkovArpa 这取决于你的环境。但是,你是正确的。我会添加元标签以避免问题。 - JP de la Torre


3

Unicode中没有这样的符号。

您可以尝试从Unicode方块符号组合此符号:

<div class="grid">
    &#x25a0;&#x25a0;&#x25a0;<br />
    &#x25a0;&#x25a0;&#x25a0;<br />
    &#x25a0;&#x25a0;&#x25a0;
</div>

然后调整字体参数,使一切都符合您的喜好:
.grid {
    font-size: 7pt;
    letter-spacing: 2px;
    line-height: 75%;
}

你可以在http://jsfiddle.net/8ABxV/1/查看此示例的运行情况。
不过,我认为更好的方法是使用font-awesome框架中的“th”符号。http://fortawesome.github.io/Font-Awesome/icon/th/

2
您也可以使用这个#符号。


1
实际上,该字符被称为“爱琴海重量第二子单位”(U+10139)(https://www.fileformat.info/info/unicode/char/10139/index.htm)。 - Walter Tross

0
  1. 使用 ☰ 字符
  2. 水平缩放至约19%。
  3. 将3个字符堆叠在一起。

0
在使用 MarkDown 的 VS Code 中,这个可以正常工作。
<span style="letter-spacing: -em"><meta charset="utf-8">⋮⋮⋮</span> 

添加前导和尾随的&nbsp;,如下:

Click on the 9 dot grid &nbsp;<span style="letter-spacing: -em"><meta charset="utf-8">⋮⋮⋮</span> &nbsp;that is located at the top left.

...你应该看到:

点击左上方的9个点组成的格子⋮⋮⋮图标。

示例图片,显示带有周围文本的9个点组成的格子图标


0

我正在使用以下的內嵌hack:

<span style="letter-spacing: -.6em">&#x22ee;&#x22ee;&#x22ee;</span>&nbsp;&nbsp;

(複製此代碼時不要有換行符號)

這是三個“垂直省略號”Unicode字符(⋮),帶有一些間距調整。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接