ComboStrap - Font

Undraw My Documents


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 1)

The following attributes permits to change the font rendering:


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, Liberation Sans 2) Linux
sans-serif Sans serif fallback
Apple Color Emoji,
Segoe UI Emoji,
Segoe UI Symbol,
Noto Color Emoji
Emoji fonts

Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.

Recommended Pages
Undraw My Documents
ComboStrap - Font Size Typographic Attribute

How to set the font-size with the font-size attribute
Undraw My Documents
How to set the Boldness (Font Weight / Strong)

boldness is a typographic effect that sets the font weight. It defines the width of a character outlines relative to its height. It's also known as strongness.
Page Explorer List Name To Ui Region
Page-explorer: adding page navigation easily to your website

With the page-explorer component, you can add an explorer like panel that will list your pages in a list or collapsible tree fashion

Task Runner