Font Family

vel-src: typography.css

Utilities for controlling the font family of an element.

Class	Properties
vel-font-sans	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif
vel-font-serif	font-family: ui-serif, Georgia, Cambria, "Times New Roman", serif
vel-font-mono	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace

Examples

Font families

vel-font-sans — The quick brown fox jumps over the lazy dog

vel-font-mono — const hello = "VeloraCSS"

example.html

<div class="vel-flex vel-flex-col vel-gap-4">
  <p class="vel-font-sans" style="color:#e2e8f0;font-size:18px">vel-font-sans — The quick brown fox jumps over the lazy dog</p>
  <p class="vel-font-mono" style="color:#a87fff;font-size:16px">vel-font-mono — const hello = "VeloraCSS"</p>
</div>