图标符号网格是不是有任何 Unicode 等价物?
Posted
技术标签:
【中文标题】图标符号网格是不是有任何 Unicode 等价物?【英文标题】:Is there any Unicode equivalent for a grid of icons symbol?图标符号网格是否有任何 Unicode 等价物? 【发布时间】:2014-04-12 21:42:15 【问题描述】:在 Unicode 中有没有类似的符号?
毕竟,我能找到 ☰ 作为符号,只是想知道是否有任何类似于图标网格的东西。
【问题讨论】:
如果没有,有没有类似BootStrap图标的免费图标字体服务? (事实上,BootStrap 图标有没有这样的符号)? fortawesome.github.io/Font-Awesome/icon/th 没关系,BootStrap 字形“glyphicon glyphicon-th”很好地服务于目的 - 仍然想知道是否有原生 Unicode 符号。 @Sebsemillia 谢谢,它是免费的吗? 是的,font awesome 可以免费使用。 【参考方案1】:不,没有。您可以查看"Symbol, other" (So) list,可能还有"Symbol, math (Sm) list"(如果您认为值得,也可以查看other lists)。
我能找到的最接近的近似值是U+25A6,即▦(如果您的浏览器能够显示)
【讨论】:
【参考方案2】:一些尚未提及的选项是:
Vertical Ellipsis(⋮),重复3次(⋮⋮⋮) Ethiopic Tonal Mark Rikrik (᎒),重复 3 次 (᎒᎒᎒)。【讨论】:
【参考方案3】:不完全是图标网格,而是字符 U+25A6,称为“Square with Orthogonal Crosshatch Fill”,通常呈现为 4x4 网格。
Unicode 组: 几何形状 十六进制代码: ▦ 十进制代码: ▦ https://www.compart.com/en/unicode/U+25A6您还可以使用一些盲文模式。唯一的问题是它们只有两列。 “Braille Pattern Dots-12345678”呈现为两列,每列四个点。
Unicode 组: 盲文模式 十六进制代码: ⣿ 十进制代码: ⣿ https://www.compart.com/en/unicode/U+28FF您可以一个接一个地调整字距。在 CSS 中,它应该是letter-spacing: -.2em;
,因为它是准确的。它看起来像这样:
您可以将其粘贴到地址栏中进行预览:
data:text/html,<html style="letter-spacing: -.2em"><meta charset="utf-8">⣿⣿
【讨论】:
这对我来说显示为⣿⣿
。您是否缺少元字符集标记?
@GirkovArpa 这取决于您的环境。但是,你是对的。我将添加元标记以避免出现问题。【参考方案4】:
unicode 中没有这样的符号。
你可以尝试用 unicode 方形符号组成这个符号:
<div class="grid">
■■■<br />
■■■<br />
■■■
</div>
然后调整字体参数,让一切都适合你喜欢的方式:
.grid
font-size: 7pt;
letter-spacing: 2px;
line-height: 75%;
你可以在http://jsfiddle.net/8ABxV/1/看到这个例子
我认为更好的主意是使用来自 font-awesome 框架http://fortawesome.github.io/Font-Awesome/icon/th/的“th”符号
【讨论】:
【参考方案5】:你也可以使用这个尖锐的符号
?
【讨论】:
其实那个角色叫'AEGEAN WEIGHT SECOND SUBUNIT' (U+10139)
(fileformat.info/info/unicode/char/10139/index.htm)【参考方案6】:
-
使用 ☰ 字符
将其水平缩放到 ~19%。
将 3 个字符堆叠在一起。
【讨论】:
【参考方案7】:我正在使用以下内联技巧:
<span style="letter-spacing: -.6em">&#x22ee;&#x22ee;&#x22ee;</span>&nbsp;&nbsp;
(复制这个没有换行符)
它是“垂直省略号”Unicode 字符 (⋮) 的三倍,并进行了一些间距调整。
【讨论】:
以上是关于图标符号网格是不是有任何 Unicode 等价物?的主要内容,如果未能解决你的问题,请参考以下文章
您在您的网站中使用啥 Unicode 字符? (而不是图像图标)
您在您的网站中使用啥 Unicode 字符? (而不是图像图标)
jqgrid更改子网格的位置或将子网格图标添加到自定义列而不是其他任何地方?