Question

我正在尝试找到Unicode符号，使按钮显示Unicode暂停符号。我能够发现Unicode播放符号是&#9658，但我正在寻找相当于Unicode暂停符号。

Answer 1

为避免弄乱不受支持的字符，您可以使用可缩放的图标字体集，如：

Font Awesome

Player icons - scalable - font awesome

＆＃13;

<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>

＆＃13;

Google Icons

＆＃13;

<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>

＆＃13;

或您可以在野外找到的任何其他字体集。

使用UTF-8字符的播放器图标

的 jsBin demo with extended examples

经过广泛的研究，我亲自挑选了满足这一要求的最佳产品：

可以与至少2个其他字符符号分组

优雅地（居中）适合预定义的行高; （如果放在<button>元素内）

要求CSS中的调整量较少（例如暂停等字母间距）

<子>的 NB ： StackOverflow的 font-family 可能不适合此预览，请尝试页面中的代码或使用最适合的符号排列符号。
另请注意， Firefox 有一个内部字形集，可以回退，而 Chrome 显示空框为缺少的人。 确保您在各种设备和浏览器中获得相同的结果。

◼❙❙❚❚►⚫⏪⏩

◼ ❙❙ ❚❚ ► ⚫ ⏪ ⏩

◾▮▮▶●

◾ ▮▮ ▶ ●

◽▯▯▷⚬∘

◽ ▯▯ ▷ ⚬ ∘

◻| |▷◯

◻ ❘ ❘ ▷ ◯

▪▸•▫▹◦

▪ ▸ • ▫ ▹ ◦

_{（要缩小某些暂停图标的空间，请使用CSS：letter-spacing:-1px;）}

<强>附加功能：

‣‣■□∎☐⟲⟳⥀。 ⏏☰⁌⁍⧏⧐⚫⚬⚬

‣ ⌷⌷ ■ □ ∎ ⃞ ☐ ⟲ ⟳ ⥀ ⏏ ☰ ⁌ ⁍ ⧏ ⧐ ⑈ ∞ ⚫ ⚬

⋜◽。 ⊲∘⋝。 ⌳⋈∿⊶⎋⚭。 ⊖⊕⊙
↻↺
≡⋮
≛≣
★★★★☆

⋜ ◽ ॥ ⊲ ∘ ⋝ //Prv, St, Pau, Ply, Rec, Nxt ⌳ ⋈ ∿ ⊶ ⎋ ⚭ //Fad, X-Fad, Fx, Eq, Pan, Stereo ⊖⊕⊙ //Vol-, Vol+, Mute ↻↺ //Repeat ≡⋮ //Menu, Options ≛≣ //Favorited, Add to Fav. (Tracks list) ★★★★☆ // Rating

您可以注意到没有其他建议的答案符合我的要求，以下是一个例子：

＆＃13;
＆＃13;
<h2>Problematic</h2> <button>||</button> || Two pipes :( bye fellas... <br><br> <button>▐▐</button> &#9616;#9616; Too tall and messed spacing! <br><br> <button>▋▋</button> &#9611;#9611; Too large and messed spacing! <br><br> <button>▐ ▌</button> &#9616;&#9616; Lovable but... Tall and cannot fit-size with any other player symbol <br><br> <button>▌▌</button> &#9612;&#9612; Way too tall and messed spacing! <br><br> <button>▗ ▖</button> &#9623;&#9622; Wrong alignment + extra spacing <br><br> <button>⬤</button> &#11044; Height... <br><br>
＆＃13;
＆＃13;
＆＃13;

P.S：UTF-8 Unicode字符生成器来自：https://stackoverflow.com/a/25986009

Answer 2

有各种符号可被视为适当的替代品，包括：

<强> | | - 两个标准（粗体）竖条。
▋▋ - ▋和另一个▋
▌▌ - ▌和另一个▌
▍▍ - ▍和另一个▍
▎▎ - ▎和另一个▎
❚❚ - ❚和另一个❚

我可能错过了一两个，但我认为这些是更好的。 Here's a list of symbols以防万一。

Answer 3

以下可能派上用场：

⏩⏩
⏪⏪
⏫⓫
⏬⏬
⏭⏭
⏮⏮
⏯⏯
⏴⏴
⏵⏵
⏶⏶
⏷⏷
⏸⏸
⏹⏹
⏺⏺

注意：显然，这些字符在流行字体中并不受支持，因此如果您打算在网络上使用它，请务必选择支持这些字符的网页。< / p>

Answer 4

▐▐是HTML，使用以下代码制作：▐▐。

Here's an example JSFiddle.

Answer 5

我找到了它，它在杂项技术块中。 ⏸（U + 23F8）

Answer 6

我正在使用▐▌

HTML：▐ ▌

CSS：\2590\A0\258C

Answer 7

如果你想要一个单个字符匹配“play”的右向三角形，请尝试罗马数字2.Ⅱ是HTML中的Ⅱ。如果你可以在它周围放置格式化标签，它看起来非常好用粗体。 HTML中的Ⅱ为<b>Ⅱ</b>。这比前面提到的双垂直条有更好的支持。

Answer 8

现代浏览器支持＆＃39; DOUBLE VERTICAL BAR＆＃39; （U + 23F8）：

http://www.fileformat.info/info/unicode/char/23f8/index.htm

对于音乐播放器，它可以作为“黑色正确指示符”的伴侣。（U + 25BA）因为它们都具有相同的宽度和高度，因此非常适合播放/暂停按钮：

http://www.fileformat.info/info/unicode/char/25ba/index.htm

Answer 9

没有编码的字符用作暂停符号，但各种字符或字符组合可能看起来或多或少像暂停符号，具体取决于字体。

在2005年公共Unicode邮件列表的讨论中，suggestion使用了U + 275A HEAVY VERTICAL BAR字符的两个副本：❚❚。但结果的充分性取决于字体;例如，字形可能已经设计成使条形区域分开太多。 - 列表讨论解释了为什么没有编码暂停符号，并且没有改变。

因此，最好的选择是使用图像。如果您需要在文本中使用符号，最好以适当大的尺寸（例如60 x 60像素）创建它，并使用CSS将其缩小到文本大小（例如，在{{上设置height: 0.8em 1}}元素）。

Answer 10

ISO 7000 / IEC 60417暂停符号;中断是＃5111B。见Media_Controls

用于音频和视频控制中的暂停符号的HTML

10 个答案:

Font Awesome

Google Icons

使用UTF-8字符的播放器图标

的 jsBin demo with extended examples