【发布时间】：2014-05-18 02:51:28
【问题描述】：
我正在尝试查找 Unicode 符号以使按钮显示 Unicode 暂停符号。我发现 Unicode 播放符号是 &#9658，但我正在寻找 Unicode 暂停符号的等价物。
【问题讨论】：
-
有同样的问题，但对于“停止”按钮（方形）。 Roko's 答案是最好的。
标签： html unicode special-characters symbols
【发布时间】：2014-05-18 02:51:28
【问题描述】：
只是II看起来不错！其他想法：
- 暂停II：只有两个大写字母i，即。罗马二（取决于字体，需要无衬线）
- 暂停II：和以前一样，但加粗
- 暂停 ll：两个小写字母 L
- 暂停 ||：两条竖线
- 暂停“：引用
- 暂停ᐦ：0x1426 加拿大音节结尾双短竖笔
- 暂停‖: 0x2016 双竖线*
部分灵感来自https://shapecatcher.com。
<div style="font-family: Roboto">
Pause II: just two capital letters i (font dependent, needs sans serif)<br>
Pause <b>II</b>: as before, but bold<br>
Pause ll: two small letters L<br>
Pause ||: two vertical bars<br>
Pause ": quote<br>
Pause ᐦ: 0x1426 Canadian syllabics final double short vertical strokes<br>
Pause ‖: 0x2016 double vertical line<br>
<div/>【讨论】：
我找到了一个不错的选项，与其他选项类似，但与 span 标签完全相同。你可以申请
<span>▐</span>▐
没有空格。
【讨论】：
媒体控制符号的 Unicode 标准
暂停： ⏸︎
UnicodeStandard 13.0 (update 2020) 提供了十六进制范围内的Miscellaneous Technical 字形2300–23FF
其他技术
鉴于广泛的Unicode 13.0 documentation，我们可以与常见的Media control symbols 关联的一些字形如下：
键盘和 UI 符号
23CF ⏏︎ 弹出媒体
用户界面符号
23E9 ⏩︎ 快进
23EA ⏪︎ 快退，快退
23EB⏫︎快速增加
23EC ⏬︎ 快速下降
23ED ⏭︎ 跳到结尾，下一个
23EE ⏮︎ 跳到开始，上一个
23EF ⏯︎ 播放/暂停切换
23F1 ⏱︎秒表
23F2 ⏲︎ 定时器时钟
23F3 ⏳︎ 沙漏
23F4 ⏴︎ 反转，后退
23F5 ⏵︎ 前进，下一个，播放
23F6 ⏶︎ 增加
23F7 ⏷︎ 减少
23F8 ⏸︎ 暂停
23F9 ⏹︎ 停止
23FA⏺︎记录ISO 7000:2012 中的电源符号
23FB ⏻︎ 待机/电源
23FC ⏼︎ 电源开/关
23FD⏽︎开机
2B58 ⭘︎ 关机来自 IEEE 1621-2004 的电源符号
23FE ⏾︎ 电源休眠
在网络上使用：
必须使用UTF-8 encodingwithout BOM（在大多数开发环境中默认设置）保存文件，以指示解析器如何正确地将字节转换为字符。 <meta charset="utf-8"/> 应在 HTML file 中的 <head> 之后立即使用，并确保设置了正确的 HTTP 标头 Content-Type: text/html; charset=utf-8。
例子：
HTML⏩ Pictograph
⏩︎ Standardized Variant
.icon-ff:before { content: "\23E9" }
.icon-ff--standard:before { content: "\23E9\FE0E" }
EL_iconFF.textContent = "\u23E9";
EL_iconFF_standard.textContent = "\u23E9\uFE0E"
标准化变体
为了防止字形被“颜色表情符号化” ⏩︎ / ⏩ 追加代码 U+FE0E Text Presentation Selector 请求Standardized variant：（例如：&#x23e9;&#xfe0e;）
不一致
Unicode 范围内的字符易受其使用的字体系列环境、应用程序、浏览器、操作系统、平台的影响。
当 unknown 或 missing - 我们可能会看到类似 � 或 ▯ 的符号，甚至是 不一致的行为，因为不同供应商的 HTML 解析器实现存在差异。
例如，在 Windows Chromium 浏览器上，标准化变体后缀 U+FE0E 是有问题的，此类符号仍然更好地伴随 CSS 即：font-family: "Segoe UI Symbol" 以强制特定字体覆盖彩色表情符号（通常被识别作为“Segoe UI Emoji”）——这首先违背了 U+FE0E 的目的——时间会证明一切……
可缩放的图标字体
为了规避与不支持的字符相关的问题 - 一个可行的解决方案是使用可缩放图标字体集，例如：
Font Awesome
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<i class="fa fa-arrows-alt"></i>
<i class="fa fa-backward"></i>
<i class="fa fa-compress"></i>
<i class="fa fa-eject"></i>
<i class="fa fa-expand"></i>
<i class="fa fa-fast-backward"></i>
<i class="fa fa-fast-forward"></i>
<i class="fa fa-forward"></i>
<i class="fa fa-pause"></i>
<i class="fa fa-play"></i>
<i class="fa fa-play-circle"></i>
<i class="fa fa-play-circle-o"></i>
<i class="fa fa-step-backward"></i>
<i class="fa fa-step-forward"></i>
<i class="fa fa-stop"></i>
<i class="fa fa-youtube-play"></i>GoogleIcons
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<i class="material-icons">pause</i>
<i class="material-icons">pause_circle_filled</i>
<i class="material-icons">pause_circle_outline</i>
<i class="material-icons">fast_forward</i>
<i class="material-icons">fast_rewind</i>
<i class="material-icons">fiber_manual_record</i>
<i class="material-icons">play_arrow</i>
<i class="material-icons">play_circle_filled</i>
<i class="material-icons">play_circle_outline</i>
<i class="material-icons">skip_next</i>
<i class="material-icons">skip_previous</i>
<i class="material-icons">replay</i>
<i class="material-icons">repeat</i>
<i class="material-icons">stop</i>
<i class="material-icons">loop</i>
<i class="material-icons">mic</i>
<i class="material-icons">volume_up</i>
<i class="material-icons">volume_down</i>
<i class="material-icons">volume_mute</i>
<i class="material-icons">volume_off</i>还有很多其他你可以在野外找到的；最后但同样重要的是，这个非常有用的在线工具：font-icons generator, Icomoon.io。
【讨论】：
-
谢谢你的朋友，真的很有帮助。
-
令人讨厌的是，Google 字体/图标中没有“带圆圈的停止”按钮，因此它们的“带圆圈的播放”和“带圆圈的暂停”设置不完整...
-
很棒的答案 - 我喜欢它所付出的努力。您是否注意到@intotecho 在这个被低估的答案中指出的官方“ISO 7000 / IEC 60417 暂停符号；中断是 #5111B。参见 Media_Controls”？ →stackoverflow.com/a/48918561/4575793
-
文本显示选择器
&#xfe0e;与&#x25B6;&#xfe0e;类似，似乎不适用于 Firefox 和 Chrome for android (2020 AC)。
ISO 7000 / IEC 60417 暂停符号；中断是 #5111B。 见Media_Controls
【讨论】：
现代浏览器也支持'DOUBLE VERTICAL BAR' (U+23F8)：
http://www.fileformat.info/info/unicode/char/23f8/index.htm
对于音乐播放器，它可以作为“黑色右指向指针”(U+25BA) 的伴侣，因为它们具有相同的宽度和高度，非常适合播放/暂停按钮：
【讨论】：
-
在mac上双竖条被一个拟物框包围，看起来不同于黑色的右指指针。
我正在使用▐ ▌
HTML：&#9616;&nbsp;&#9612;
CSS：\2590\A0\258C
【讨论】：
以下可能会派上用场：
- ⏩
&#x23e9; - ⏪
&#x23ea; - ⏫
&#x24eb; - ⏬
&#x23ec; - ⏭
&#x23ed; - ⏮
&#x23ee; - ⏯
&#x23ef; - ⏴
&#x23f4; - ⏵
&#x23f5; - ⏶
&#x23f6; - ⏷
&#x23f7; - ⏸
&#x23f8; - ⏹
&#x23f9; - ⏺
&#x23fa;
注意：显然，这些字符在流行字体中并没有得到很好的支持，所以如果您打算在网络上使用它，请务必选择支持这些字符的网络字体。
【讨论】：
如果您希望单个字符与“播放”的右侧三角形匹配，请尝试罗马数字 2。II 在 HTML 中是&#8545;。如果你可以在它周围放置格式标签，它看起来非常好用粗体。 Ⅱ 在 HTML 中是<b>&#8545;</b>。这比前面提到的双竖线有更好的支持。
【讨论】：
-
我很高兴你提到让它加粗。我正在使用 ॥而且粗体看起来更好。
有多种符号可以被认为是适当的替代品，包括：
| | - 两个标准（粗体）竖线。
▋▋ -
&#9611;和另一个&#9611;▌▌ -
&#9612;和另一个&#9612;▍▍ -
&#9613;和另一个&#9613;▎▎ -
&#9614;和另一个&#9614;❚❚ -
&#10074;和另一个&#10074;
我可能错过了一两个，但我认为这些是更好的。 Here's a list of symbols 以防万一。
【讨论】：
-
我用过这个：?。
-
▮是 HTML 中真正的暂停符号。
-
@JoshuaD 如果你想支持多个浏览器，你可能不应该使用那个。我使用的是最新的 Firefox，它不可读。
-
我使用了
=和transform:rotate(90deg);。 -
@AChildofGod - 这不（仅）与浏览器有关，它取决于您机器上安装的字体。
我找到了，它在杂项技术模块中。 ⏸ (U+23F8)
【讨论】：
-
不确定正确答案是如何被否决的。请参阅下面的链接，其中此“双竖线”在其 cmets 中也被标记为“暂停”。太糟糕了，它的字体似乎没有得到很好的支持（2014 年 6 月添加到 Unicode）。 fileformat.info/info/unicode/char/23f8/index.htm
▐▐ 是 HTML，使用以下代码制作：&#9616;&#9616;。
【讨论】：
没有编码用作暂停符号的字符，尽管各种字符或字符组合可能或多或少看起来像暂停符号，具体取决于字体。
在 2005 年公共 Unicode 邮件列表中的讨论中，suggestion 使用了 U+275A 重垂直条字符的两个副本：❚❚。但是结果的充分性取决于字体；例如，字形的设计可能使条形间距过大。 – 列表讨论解释了为什么没有对暂停符号进行编码，并且这没有改变。
因此，最好的选择是使用图像。如果您需要在文本中使用符号，最好将其创建为适当大的尺寸（例如 60 x 60 像素）并使用 CSS 将其缩小为文本大小（例如，在 img 元素上设置 height: 0.8em )。
【讨论】：
-
你也可以在双重垂直条上添加一些CSS，比如“letter-spacing: -6px”，让它看起来更像一个真正的暂停符号。示例：jsfiddle.net/enKaA
-
这比 #9616 好，因为它是相同的高度。
-
这个答案已经过时了。 Unicode 7.0（2014 年发布）为此添加了 U+23F8 和匹配符号（播放、停止、记录）unicode.org/charts/PDF/Unicode-7.0/U70-2300.pdf