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

Question

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

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

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

正如您所看到的，事实证明它更广泛了？如何制作像Stackoverflow这样的字符？

Answer 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代码点：

▶

Answer 2

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

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