2

有没有办法让我的字体比下面的例子更粗?我尝试font-weight从 900 增加到 1500,但我没有看到任何区别。

#step-1 div {
    font-weight: bolder;
    font-weight: 900;
}
4

4 回答 4

3

您只能使用以下属性之一:

font-weight: normal
font-weight: bold

font-weight: lighter
font-weight: bolder

font-weight: 100
font-weight: 200
font-weight: 300
font-weight: 400
font-weight: 500
font-weight: 600
font-weight: 700
font-weight: 800
font-weight: 900

font-weight: inherit
于 2013-03-29T11:29:00.757 回答
3

用来text-shadow让它看起来更大胆。

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

演示

于 2013-03-29T11:34:29.043 回答
2

编号font-weight: 900是最大值。您可以使用其他字体。

于 2013-03-29T11:27:00.173 回答
2

设置font-weight意味着要求给定重量的字体。预计不会使浏览器人为地使用粗体字符,尽管当粗体字体不可用时,可能会发生这种情况。font-weight: bold

因此,使用比粗体更粗的字体的方法是找到具有合适字体的字体并使用它。这实际上意味着您需要使用可下载的字体(网络字体,@font-face),因为人们计算机中常用的字体没有这种字体。

特别是对于 Arial,有 Arial Black,但许多浏览器将其视为一个单独的字体系列,而不是 Arial 系列的重字体。因此,获得它的最佳机会是申报font-family: Arial Black; font-weight: normal

使用text-shadow文本颜色或其他技巧永远不会使字体更粗;它只会产生一种大胆的错觉,而且它在印刷上是一个禁忌。

于 2013-03-29T11:52:09.260 回答