Question

我有这个示例html文件：

<div style="font-weight: 700; font-size: 3em">
    Test font bold (weight = 700)
</div>

<div style="font-weight: 900; font-size: 3em">
    Test font bold (weight = 900)
</div>

我不知道为什么将font-weight的值从900更改为700会得到相同的结果。文本的大小相同。

在此MDN文档页面https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight中，如果我将值从900更改为700（使用实时CSS更改的浏览器功能），则会得到不同的结果。

Answer 1

并非所有字体都支持字体粗细的所有变体。如果需要更大胆的字体，则需要选择其他字体。

更改代码以使用sans-serif字体系列，将为您提供生动的区别示例。

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <style>
    div { font-weight: 900; font-size: 3em; font-family: sans-serif }
    </style>
</head>
<body>
    <div>Test font bold</div>
</body>
</html>

字体粗细900和字体粗细700以相同的方式呈现

1 个答案: