@mussonindustrial/pyro-mui-joy/src/common/fonts.css

A port of Material UI Joy Theme for Ignition by Inductive Automation

:root {
    @font-face {
        font-family: 'Inter var';
        font-style: normal;
        font-weight: 100 900;
        font-display: swap;
        src: url('/data/perspective/fonts/Inter-roman.woff2') format('woff2');
        font-named-instance: 'Regular';
    }

    @font-face {
        font-family: 'Inter var';
        font-style: italic;
        font-weight: 100 900;
        font-display: swap;
        src: url('/data/perspective/fonts/Inter-italic.woff2') format('woff2');
        font-named-instance: 'Italic';
    }

    --joy-fontFamily-body: 'Inter var',
        var(
            --joy-fontFamily-fallback,
            -apple-system,
            BlinkMacSystemFont,
            'Segoe UI',
            Roboto,
            Helvetica,
            Arial,
            sans-serif,
            'Apple Color Emoji',
            'Segoe UI Emoji',
            'Segoe UI Symbol'
        );
    --joy-fontFamily-display: 'Inter var',
        var(
            --joy-fontFamily-fallback,
            -apple-system,
            BlinkMacSystemFont,
            'Segoe UI',
            Roboto,
            Helvetica,
            Arial,
            sans-serif,
            'Apple Color Emoji',
            'Segoe UI Emoji',
            'Segoe UI Symbol'
        );
    --joy-fontFamily-code: Source Code Pro, ui-monospace, SFMono-Regular, Menlo,
        Monaco, Consolas, Liberation Mono, Courier New, monospace;
    --joy-fontFamily-fallback: -apple-system, BlinkMacSystemFont, 'Segoe UI',
        Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
        'Segoe UI Emoji', 'Segoe UI Symbol';

    --joy-fontSize-xs: 0.75rem;
    --joy-fontSize-sm: 0.875rem;
    --joy-fontSize-md: 1rem;
    --joy-fontSize-lg: 1.125rem;
    --joy-fontSize-xl: 1.25rem;
    --joy-fontSize-xl2: 1.5rem;
    --joy-fontSize-xl3: 1.875rem;
    --joy-fontSize-xl4: 2.25rem;

    --joy-fontWeight-sm: 300;
    --joy-fontWeight-md: 500;
    --joy-fontWeight-lg: 600;
    --joy-fontWeight-xl: 700;
    --joy-focus-thickness: 2px;

    --joy-lineHeight-xs: 1.33334;
    --joy-lineHeight-sm: 1.42858;
    --joy-lineHeight-md: 1.5;
    --joy-lineHeight-lg: 1.55556;
    --joy-lineHeight-xl: 1.66667;

    --joy-letterSpacing-sm: -0.01em;
    --joy-letterSpacing-md: 0.083em;
    --joy-letterSpacing-lg: 0.125em;

    font-family: var(--joy-fontFamily-body);
    font-weight: 400;
    font-size: var(--joy-fontSize-md);
}