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

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'值;例如，某些字体可能只有正常   和一个大胆的脸，而其他人可能有八个面部重量。没有   保证UA如何将家庭中的字体面映射到重量   值。唯一的保证是给定值的面将是否定的   比较轻的价值面更暗。

Answer 2

对于font-weight属性，值550无效。根据CSS error handling rules，忽略具有无效值的声明，即实际的字体权重由其他CSS规则确定（或回退到默认值），就好像声明不存在一样。