Font Stack
We use native fonts for all in-product experiences. This ensures that our interface has a high performance and great legibility across all operating systems.
Sans Serif
We use the default sans-serif system font for most text. You can apply it by using the font-body class.
|
OS |
Font Family |
|---|---|
|
Windows |
Segoe UI |
|
MacOS |
SF Pro Text, SF Pro Display |
|
Chrome OS |
Roboto |
|
Ubuntu |
Ubuntu |
Monospace
We use monospace font to display code. You can apply it by using the font-mono class.
|
OS |
Font Family |
|---|---|
|
Windows |
Segoe UI Mono, Consolas, Courier |
|
MacOS |
SF Mono Regular, SF Mono, Menlo |
|
Chrome OS |
Roboto Mono |
|
Ubuntu |
Ubuntu Monospace |
Usage
Default attributes
We use the following default attributes for all texts in the product:
|
Attributes |
Class |
Value |
|---|---|---|
|
Font-family |
Segoe UI Mono, Consolas, Courier |
|
|
Font-size |
SF Mono Regular, SF Mono, Menlo |
|
|
Font-weight |
Roboto Mono |
|
|
Line-height |
Ubuntu Monospace |
|