'Bootstrap with font-weight: 500 looks "normal" on Firefox
I'm using Bootstrap and setting an element to use font-weight: 500 causes it to look medium/semi-bold in Chrome but normal-weight in Firefox on Windows:
Chrome:
Firefox:
How can I make it look semi-bold in both browsers?
Solution 1:[1]
Bootstrap's sans-serif font on Windows is "Segoe UI," which has support for the weights "normal" (400) and "semi-bold" (600) but not "medium" (500). In situations like this, Chrome rounds up to "semi-bold" while Firefox rounds down to "normal." Changing to 600 will achieve semi-bold in both browsers.
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | Jacob |