如何在 Stackoverflow 编辑器页面中创建像 ► 这样的字符？答案

【问题标题】：How to create a character like ► in Stackoverflow editor page?如何在 Stackoverflow 编辑器页面中创建像 ► 这样的字符？
【发布时间】：2017-03-13 11:23:54
【问题描述】：

我查了这张图片的源代码。就像这样：

<p><span class="dingus">►</span> put returns between paragraphs</p>

然后我将► 字符复制到我的网站中。它看起来像这样：

如您所见，它原来更宽？如何制作像 Stackoverflow 这样的角色？

【问题讨论】：

w3schools.com/charsets/ref_utf_geometric.asp
你帮了大忙！
刚刚用谷歌搜索了它..：P
您的编辑器和网站都支持 UTF-8 吗？你用什么来表现这个角色？
@ÁlvaroGonzález 我使用 webstrom 进行编辑。所以是的，编辑器支持 UTF-8。我的网站只是一个静态网页。我不知道它是否支持UTF-8。

标签： html css unicode

【解决方案1】：

如果您的网站使用的文本编码支持完整的 Unicode 目录（例如 UTF-8）并且您的编辑器也支持它，您只需复制并粘贴该符号即可。只是文字而已。在 2017 年，几乎没有理由不使用 UTF-8。

你看到这个角色的事实表明它对你来说很好。但是，您需要了解它不是图片，它的外观完全由字体和其他 CSS 样式决定，就像任何其他字母一样：

div{
    font-size: 10pt;
}
.a{
    display:inline-block;
    -webkit-transform:scale(2,1); /* Safari and Chrome */
    -moz-transform:scale(2,1); /* Firefox */
    -ms-transform:scale(2,1); /* IE 9 */
    -o-transform:scale(2,1); /* Opera */
    transform:scale(2,1); /* W3C */
}
.b{
    color: orange;
    font-size: 15pt;
    text-shadow: 1px 2px 3px pink;
}

<div>►</div>
<div class="a">►</div>
<div class="b">►</div>

大多数系统字体甚至没有字符的字形，浏览器将默认使用某些内置字符，但如果您碰巧使用自定义字体，则可以选择特定的表示形式。

如果它是一个不使用 Unicode 的旧版网站，HTML 实体就会派上用场。除其他外，它们是一种插入无法在文档使用的字符编码中表示的字符的机制。在这种情况下，the ► character 是 U+25B6 又名 BLACK RIGHT-POINTING POINTER，因此您可以使用其 Unicode 代码点：

&#x25B6;

【讨论】：

仅供参考，目前在没有浏览器前缀的情况下或多或少支持转换
@SimonPertersen 那是指针。我承认我只是从谷歌中出现的第一个文本阴影生成器中复制的 <:->
我想，它看起来像其中之一；）现在不再那么多余了：D

【解决方案2】：

您可以使用此 .. 打印所需的符号 ►

<p style="font-size: 40px;">&#9658;</p>

【讨论】：

&#9658; 只是 ► 的 HTML 实体。根本没有区别，除非网站不支持 Unicode。