html - 将斜体样式应用于管道符号

Question

我正在尝试制作一个管道符号italic，但在其他字体显示为斜体的情况下它不起作用，我做错什么了吗（在 Chrome 中）？

<em>italic | italic</em> | <em class="italic">abc | abc</em>

演示。

Answer 1

字符如何倾斜（如果他们甚至会倾斜）由字体本身定义。我检查了您添加到 Siva Charan 回答的评论中的参考链接，如果您使用 Firebug 检查该元素，您会看到这个字体系列：

font-family: "Lucida Grande","Lucida Sans Unicode",Calibri,Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;

所以，我修改了你的 jsFiddle。等中提琴，管道倾斜：

http://jsfiddle.net/39qyR/3/

我假设那些看到倾斜管道的人已经将 Lucida Grande（或类似的）设置为他们的默认字体，因为当我检查你的原始 jsFiddle 时我没有看到倾斜管道。

Answer 2

“管道符号”，U+007C VERTICAL LINE，本质上是垂直的，在适当的字体设计中，它也有一个垂直的斜体字形。然而，大多数字体设计师并不理解这一点，部分原因是“|” 在普通文本中一直是一个罕见的字符。您可以使用字体列表工具查看系统中哪些字体具有正确的“|”设计（输入任何包含它的文本，单击“斜体”）。

因此，如果您想要一条不正确倾斜的垂直线，您可以将字体设置为具有您偏好的字形的字体，尽管没有该字体的人会看到不同的东西。使用可下载的字体@font-face将是获得所需结果的最佳方式。

通常，“|” 不应该出现在斜体的文本中，因为很多字体会显示它是倾斜的。因此，而不是<i>a | b</i>，标记<i>a</i>| b`更安全。（类似的考虑适用于许多其他特殊符号，如“+”和“↓”。）

不同的人看到你的测试页面不同的原因是他们在浏览器中有不同的默认字体。

Answer 3

经过一些解决方法后，我了解到由于一些图形表示，所有垂直和水平线都不能是斜体。