HTML中的Unicode装饰

Question

我正在使用字体Klavika。使用Adobe Illustrator中的Glyphs窗口，我可以看到unicode（U + 2022）中的项目符号有多个装饰，这些装饰是带有箭头的圆圈。例如，它将Unicode列为U + 2022 ornm34。

我知道纯粹的HTML中的子弹本身是•，但我无法找到关于HTML中是否或如何使用字形饰品的任何内容。

任何关于如何做到这一点的见解 - 或者为什么无法完成 - 肯定会受到赞赏！

Answer 1

可以通过CSS font-feature-settings选择Open饰用替代字形，如饰品。这是相对较新的，在某些浏览器中仍需要前缀，例如：

.right-arrow-bullet {
    font-family: "Klavika";
    font-feature-settings: "ornm" 34; 
    -webkit-font-feature-settings: "ornm" 34;
}

<span class="right-arrow-bullet">•</span>

（将来font-variant-alternates / @font-feature-values可能是更好的方法，但今天的支持很差。）

一般情况下，您的网页不应依赖选择替代字形。用户可以看到正常的子弹，具体取决于他们的浏览器和字体首选项。如果你将角色用作看起来很奇特的子弹，这很好，但是如果箭头/方向具有语义意义，你应该使用真正的Unicode箭头角色，并使用适当的样式。