我正在使用Bootstrap，并将一个元素设置为使用font-weight: 500，这会导致它在Chrome中看起来是中等/半粗体，但在Windows上的Firefox中看起来是正常粗细：镀 chrome ：
font-weight: 500
火狐浏览器：
如何使它在两个浏览器中都显示为半粗体？
u91tlkcl1#
Bootstrap在Windows上的sans-serif字体是“Segoe UI”，它支持“normal”（400）和“semi-bold”（600）的粗细，但不支持“medium”（500）。在这种情况下，Chrome向上舍入为“semi-bold”，而Firefox向下舍入为“normal”。更改为600将在两种浏览器中实现半粗体。
9lowa7mx2#
Bootstrap v5.2有一个fw-semibold类，可以很容易地实现“修复”（设置font-weight: 600）。特别是在标题元素中有用，这些元素通常是粗体的，但Firefox会让它们成为常规的。https://getbootstrap.com/docs/5.2/utilities/text/#font-weight-and-italics
v5.2
fw-semibold
font-weight: 600
2条答案
按热度按时间u91tlkcl1#
Bootstrap在Windows上的sans-serif字体是“Segoe UI”，它支持“normal”（400）和“semi-bold”（600）的粗细，但不支持“medium”（500）。在这种情况下，Chrome向上舍入为“semi-bold”，而Firefox向下舍入为“normal”。更改为600将在两种浏览器中实现半粗体。
9lowa7mx2#
Bootstrap
v5.2有一个fw-semibold类，可以很容易地实现“修复”（设置font-weight: 600）。特别是在标题元素中有用，这些元素通常是粗体的，但Firefox会让它们成为常规的。https://getbootstrap.com/docs/5.2/utilities/text/#font-weight-and-italics