Font Family
Set font family
Syntax
visual="font:[family]"Values
| Value | CSS Output | Description |
|---|---|---|
sans | font-family: ui-sans-serif, system-ui, sans-serif | Sans-serif |
serif | font-family: ui-serif, Georgia, serif | Serif |
mono | font-family: ui-monospace, monospace | Monospace |
Examples
html
<div visual="font:mono">Monospace text</div>Preview
Font Family
visual="font:sans" - Choose between sans, serif, or mono
Sans-serif fontSerif fontMonospace font
View Code
html
<div layout="flex:col" space="g:small p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
<span visual="font:sans">Sans-serif font</span>
<span visual="font:serif">Serif font</span>
<span visual="font:mono">Monospace font</span>
</div>