有没有办法让我的字体比下面的例子更粗?我尝试font-weight
从 900 增加到 1500,但我没有看到任何区别。
#step-1 div {
font-weight: bolder;
font-weight: 900;
}
有没有办法让我的字体比下面的例子更粗?我尝试font-weight
从 900 增加到 1500,但我没有看到任何区别。
#step-1 div {
font-weight: bolder;
font-weight: 900;
}
您只能使用以下属性之一:
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
用来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;
}
见演示。
编号font-weight: 900
是最大值。您可以使用其他字体。
设置font-weight
意味着要求给定重量的字体。预计不会使浏览器人为地使用粗体字符,尽管当粗体字体不可用时,可能会发生这种情况。font-weight: bold
因此,使用比粗体更粗的字体的方法是找到具有合适字体的字体并使用它。这实际上意味着您需要使用可下载的字体(网络字体,@font-face
),因为人们计算机中常用的字体没有这种字体。
特别是对于 Arial,有 Arial Black,但许多浏览器将其视为一个单独的字体系列,而不是 Arial 系列的重字体。因此,获得它的最佳机会是申报font-family: Arial Black; font-weight: normal
。
使用text-shadow
文本颜色或其他技巧永远不会使字体更粗;它只会产生一种大胆的错觉,而且它在印刷上是一个禁忌。