正如评论中@BoltClock提到的那样，这在CSS字体模块3级CR的第3.2节“字重：font-weight属性”和第5.2节“匹配字体风格”中有描述，但它并未定义所有细节，浏览器行为可能有所不同。
基本原则是使用具有给定字重的字体。对于大多数字体，仅提供正常（regular, 400）和粗体（bold, 700）字形，可能仅提供正常字形。在这种情况下，小于正常字形以及500的所有字形都会映射到正常字形，而600、800和900会映射到粗体。
如果没有粗体字形可用，但需要进行加粗（通过将font-weight设置为600或更高），浏览器可能在正常字体上使用算法合成粗体。理论上，这取决于font-synthesis属性，但它尚未实现，因此取决于浏览器。
测试页面（假设Lucida Sans Unicode可用，这是Windows中常见的字体，只有正常字形）：
<!DOCTYPE html>
<title>Test</title>
<style>
* { font-family: Lucida Sans Unicode }
</style>
<p>Hello world
<p style="font-weight: 600">Hello world
<p style="font-weight: 700">Hello world
<p style="font-weight: 800">Hello world
Firefox和IE会使用合成粗体（伪粗体）来显示除第一个段落之外的其他段落，而Chrome仅以此方式显示最后两个段落，即不将600映射为粗体而是映射为正常字体。
一般来说，印刷工艺师不赞成使用合成粗体，原因充分。但对于那些笔画宽度很少或几乎没有变化的无衬线字体，如Lucida Sans Unicode或Arial Unicode MS，可能会产生可接受的结果。
以下是链接中的答案:
font-weight属性接受关键字或预定义数字值。可用的关键字有：
normal（普通） bold（加粗） bolder（更加粗） lighter（更加细） 可用的数字值为：
100 200 300 400 500 600 700 800 900 关键字normal映射到数字值400，bold映射到数字值700。
为了看到除400或700之外的值产生的效果，所使用的字体必须具有与指定权重匹配的内置面。
如果字体家族中有加粗（“700”）或普通（“400”）版本，则浏览器将使用该版本。如果这些版本不可用，则浏览器将模拟自己的加粗或普通字体版本。它不会模拟其他不可用的权重。字体通常使用类似“Regular”和“Light”的名称来标识任何替代字体权重。