当字体粗细不可用时,浏览器会做什么？

Question

如果我加载了400和700权重的谷歌字体,但在我的CSS中我使用font-weight:550;浏览器做什么？

Answer 1

根据MDN和W3.org:

如果给定的确切权重不可用,则使用以下启发式来确定实际呈现的权重:

• 如果给出的重量大于500,则使用最接近的可用较暗的重量(或者,如果没有,则使用最接近的较轻重量).
• 如果给出的重量小于400,则使用最接近可用的较轻重量(或者,如果没有,则使用最接近的可用较暗重量).
• 如果给出恰好400的权重,则使用500.如果500不可用,则使用小于500的字体权重的启发式.
• 如果给出恰好500的权重,则使用400.如果400不可用,则使用小于400的字体权重的启发式.

这意味着对于仅提供普通和粗体的字体,100-500是正常的,600-900是粗体.

也:

无法保证每个'font-weight'值都会有一个较暗的面; 例如,某些字体可能只有正常和粗体,而其他字体可能有8个面部权重.无法保证UA如何将族中的字体面映射到权重值.唯一的保证是给定值的面不会比较亮值的面暗.