Question

浏览器是怎样根据 CSS 中是的 font

Answer 1

有一点需要强调：
浏览器做的工作主要是根据 CSS 给出的 font-weight 值来匹配（match）字重（weight），并非根据 CSS 的 font-weight 值合成（synthesize）相应的字重。

但多数浏览器确实也会在粗体、斜体缺失的时候自己来合成，CSS 规范中也提到了这一点：
Although the practice is not well-loved by typographers, bold faces are often synthesized by user agents for faces that lack actual bold faces. For the purposes of style matching, these faces must be treated as if they exist within the family.
如果 700 不存在的时候可以合成，那 500、600 不存在的时候是不是也该合成仿粗体（faux bold）呢？显然，浏览器之间有分歧。
这张对比图体现的就是 Firefox 没有合成 600，直接用了 Georgia Bold（700），这应该是最合理的行为；而 Chrome 用 Georgia Regular 合成了 600。
但仿粗体的问题很大，「not well-loved by typographers」。而且从 Stack Overflow 的那张对比图还可以看出来：仿粗体不仅丑，此处它比真正的粗体还宽。

CSS2.1 和 CSS3 的相关规范都值得一看。

另外，指定「100, 500, 600, 700, 900」却没有「400」，这是很奇怪的做法。