---json
{
    "page_id": "whqn1nlf6v7gshvpqf0y8",
    "title": "ComboStrap - Font"
}
---
====== ComboStrap Styling - Font ======


===== About =====
The fonts used are the default system font of the target system. They are designed specifically with today’ screen in mind. 

They are known as  ''native font stack'' or ''system font stack'' (([[https://getbootstrap.com/docs/5.0/content/reboot/#native-font-stack|Bootstrap Native Font]]))

The following attributes permits to change the font rendering:
  * [[docs:styling:font-size]]
  * [[docs:styling:boldness]]


===== List =====
The font used is chosen in the following order:

^ Name ^ System / Description ^
| system-ui | Cross-platform generic font family (default user interface font) |
| San Francisco | Safari font for macOS and iOS |
| BlinkMacSystemFont | Chrome < 56 for macOS |
| Segoe UI | Windows |
| Roboto | Android |
| Helvetica Neue, Arial | Basic web fallback |
| Noto Sans, [[wp>Liberation_fonts|Liberation Sans]] (([[https://github.com/liberationfonts|Liberation Fonts Repo]])) | Linux |
| sans-serif | Sans serif fallback |
| Apple Color Emoji, \\ Segoe UI Emoji, \\ Segoe UI Symbol, \\ Noto Color Emoji | Emoji fonts |