CSS字体重量比900厚？

Question

我有一个面板，可以通过以<或>符号为链接文本扩展或最小化垂直中心的链接。在字体重量：900这并没有太大的脱颖而出，即使周围有较大的灰色背景。我不想使用图像，并且在当前字体大小时，两个符号当前都占据了面板的最大宽度。

有什么办法可以将900以上符号上的线增厚？还是我可以使用另一种选择？

提前致谢。

理查德

Answer 1

不幸的是，没有比900的字体重量厚度，并且按数字指定字体权重有所不同。最好的选择是使用较厚的字体 - 您尚未指定使用的内容，但是在网络安全的同时，撞击相对较厚且宽度很高。否则，您可以使用 @font-face加载其他字体。

Answer 2

在CSS 3中，还有另一种方法可以使字体尺寸大胆：

color:#888888;    
text-shadow: 2px 0 #888888;
letter-spacing:2px;
font-weight:bold;

编辑：

由于某种怪异的原因，这看起来不像一年前那样漂亮。它仅适用于1PX的文本阴影（在大多数常见字体上，其他较厚的字体可能仍可使用2PX）。而且只有1px的文字阴影，就不需要如此大的字母间隔。

color:#888888;    
text-shadow: 1px 0 #888888;
letter-spacing:1px;
font-weight:bold;

Answer 3

要添加到Gogutz的答案中，您可以通过将文本阴影堆叠在网格中来大胆。逗号在行上分开：

.extra-bold {
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
}

Answer 4

您可以使用文本阴影代替字体重量

text-shadow: 0px 1px, 1px 0px, 1px 0px;

Answer 5

这很厚。但是只能与WebKit合作。

font-size: -webkit-xxx-large;
font-weight: 900;