Skip to Content
StylingFont Family

Font Family

Use fontFamily prop to control the font-family of an element.

Name

Styles

mono
sans

#

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>
  );
}
Last updated on
WidthFont Size