CustomFont

CustomFont(props?: CustomFontProps): FontComponent;

type CustomFontProps = {
    url: string;
    family: string;
    size: number;
    relativeToTextStyle?: string;
};

Text("Custom styled text")
    .font(CustomFont({
        url: "https://example.com/fonts/Inter-Regular.otf",
        family: "Inter",
        size: 18
    }))

Text("Accessible custom font")
    .font(CustomFont({
        url: "https://example.com/fonts/Inter-Regular.otf",
        family: "Inter",
        size: 16,
        relativeToTextStyle: "body"
    }))

VStack({ spacing: 8 }, [
    Text("Heading")
        .font(CustomFont({
            url: "https://example.com/fonts/Inter-Bold.otf",
            family: "Inter",
            size: 24
        })),
    Text("Body text content here")
        .font(CustomFont({
            url: "https://example.com/fonts/Inter-Regular.otf",
            family: "Inter",
            size: 16,
            relativeToTextStyle: "body"
        }))
])