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

Question

我正在尝试制作一个竖线符号italic，但它在其他字体显示为斜体的情况下无效，我做错了什么（在Chrome中）？

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

Demo.

Answer 1

字体本身如何定义字符（以及，如果它们甚至会）。我检查了你添加到Siva Charan的答案评论中的参考链接，如果你用Firebug检查那个元素，你会看到这个font-family：

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

所以，我修改了你的jsFiddle。 Et viola，管道倾斜：

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

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

Answer 2

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

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

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

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

Answer 3

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