Font family (content/typography.scss)
I've removed the default system-ui font-family used after reading more about an issue raised with Bootstrap's v6 development (see #42703). In a nutshell the problems are:
- It differs depending on the language of the operating system which can result in the wrong characters being displayed in some languages.
- If included in the font-stack it can override a users ability to change font-family via preferences.
I'll probably rework this at some stage but for the time being I've replaced it with the same sans-serif font-stack Bootstrap has introduced for v6 (minus the emojii fonts):
$font-family: '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Noto Sans", "Liberation Sans", "Arial", sans-serif' !default;