Question

我正在尝试adjust the font weight而不仅仅是“大胆”。它似乎对Verdana文本没有任何作用。浏览器是否支持此功能下降或什么？

        <div class='business-hours'>
            Toll free: (866) 528-4930 &middot; Mon-Fri 9-5 EST
        </div>

    #hd .top-nav .business-hours {
        text-align: right;
        font-family: verdana;
        font-weight: 600;
        font-size: 10px;
        color: #9ea3a0;
    }

Answer 1

数字和其他不常见的font-weight属性（如semi-bold，book等）在浏览器中支持得非常差，而AFAIK仅在字体本身时才相关提供对给定值的支持（即定义了明确的book或900字体权重）。因此，如果需要一致性，那么使用它并不是一件明智的事情。

请参阅Are all css font-weight property's values useful?

reference info at the W3C

Answer 2

它是H1标签还是什么？检查您是否没有CSS覆盖不太具体的规则。否则语法如下：

<style>
.myboldtext
{
    font-weight: 400;
}
</style>
<span class="myboldtext">This is my bold text</span>

400为常规，700为粗体。

希望这有帮助！

Answer 3

根据父字体样式，很难看到文本实际上是粗体。例如：

p {
  font-weight: lightest;
}

p span {
  font-weight: bold;
}

和

<p>Hello, <span>world</span></p>

在许多浏览器中，实际上很难看出粗体文本和常规正文文本之间存在任何差异。

而不只是指定font-weight：bold;尝试将其更改为

font-weight: 700;

这将告诉浏览器使用比正常粗体更重的文本渲染文本。

字体重量在FF 3.6中无效

3 个答案: