Font Family
Use fontFamily prop to control the font-family of an element.
Name | Value |
|---|---|
mono | Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace |
sans | InterVariable, system-ui, sans-serif |
#
Documentation
#
#
Usage
#
sans
The quick brown fox jumps over the lazy dog.
mono
The quick brown fox jumps over the lazy dog.
import { Text } from "@optiaxiom/react";
import { Canvas } from "../Canvas";
export function App() {
return (
<Canvas name="fontFamily">
<Text fontFamily="sans" fontSize="xl" fontWeight="500">
The quick brown fox jumps over the lazy dog.
</Text>
<Text fontFamily="mono" fontSize="xl" fontWeight="500">
The quick brown fox jumps over the lazy dog.
</Text>
</Canvas>
);
}