BackstageTypography

Home > @backstage/theme > BackstageTypography

Custom Typography

Signature:

export type BackstageTypography = {
    htmlFontSize: number;
    fontFamily: string;
    h1: {
        fontFamily?: string;
        fontSize: number | string;
        fontWeight: number;
        marginBottom: number;
    };
    h2: {
        fontFamily?: string;
        fontSize: number | string;
        fontWeight: number;
        marginBottom: number;
    };
    h3: {
        fontFamily?: string;
        fontSize: number | string;
        fontWeight: number;
        marginBottom: number;
    };
    h4: {
        fontFamily?: string;
        fontSize: number | string;
        fontWeight: number;
        marginBottom: number;
    };
    h5: {
        fontFamily?: string;
        fontSize: number | string;
        fontWeight: number;
        marginBottom: number;
    };
    h6: {
        fontFamily?: string;
        fontSize: number | string;
        fontWeight: number;
        marginBottom: number;
    };
};