Question

有没有办法让我的字体比我下面的例子更大胆？我已经尝试将font-weight从900增加到1500但我没有看到任何差异。

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

Answer 1

您只能使用一个以下属性：

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

Answer 2

没有。 font-weight: 900是最大值。你可以用另一种字体。

Answer 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;
}

请参阅DEMO。

Answer 4

设置font-weight表示要求给定权重的字体。虽然粗体字体不可用，但{em>可能会发生font-weight: bold这样的事情。

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

对于Arial，特别是Arial Black，但许多浏览器将其视为单独的字体系列，而不是Arial系列的重字体。因此，获得它的最佳几率是声明font-family: Arial Black; font-weight: normal。

将text-shadow与文本或其他技巧的颜色一起使用永远不会使字体变得更大胆;它只是创造了一种大胆的幻觉，它在印刷上是一种禁忌。

使用css创建非常粗体的文本

4 个答案: