Html 无法使竖条显示为粗体

我试图让html中的两个竖条显示为粗体，但这是不可能的

html:

aaa | | aaa bbb

我也试过了

<span style='font-weight: bold;'>||</span>

||

但这是不可能的

jsfiddle：

有什么想法吗？

它们很大胆：

增加缩放以检查它。或者将您的

字体系列更改为
Arial

选中此处
Arial
bold
|
：
它们是粗体的：


增加缩放以检查它。或者将您的
字体系列更改为
Arial

选中此处
Arial
bold
| |
：
无论字体系列如何，您都可以使用文本阴影伪造厚度：

无论字体系列如何，都可以使用文字阴影来模拟厚度：

你用的是什么字体系列？对我来说似乎很好。。。试着给它一个特定的字体系列。不同的浏览器有不同的默认字体族。我使用的是Chrome，当我将字体的重量改为“正常”时，肯定会有不同。对我来说很有用（默认字体是Verdana 16）。可能是你的网页浏览器你用的是什么字体系列？它似乎适合我。。。试着给它一个特定的字体系列。不同的浏览器有不同的默认字体族。我使用的是Chrome，当我将字体的重量改为“正常”时，肯定会有不同。对我来说很有用（默认字体是Verdana 16）。我确认，您的web浏览器可能与@FSou1的结果相同。是的，我似乎必须定义一种字体样式，如arial或verdana才能工作。与@FSou1的结果相同，我确认。是的，我似乎必须定义一种字体样式，如arial或verdana才能工作。+1，解决方案不错，但此属性
IE
仅接受版本10:）+1，不错的解决方案，但此属性
IE
仅接受版本10:）
<span style='font-weight: bold;'>||</span>

text-shadow: 1px 0 0