Variable fonts`Const`

fonts: {
    extraLarge: {
        className: string;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
    };
    large: {
        className: string;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
    };
    larger: {
        className: string;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
    };
    maximum: {
        className: string;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
    };
    medium: {
        className: string;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
    };
} = ...

Ready-to-use serif typography styles as JSS objects with class names.

Type declaration

extraLarge: { className: string; fontFamily: string; fontSize: string; lineHeight: string }
large: { className: string; fontFamily: string; fontSize: string; lineHeight: string }
larger: { className: string; fontFamily: string; fontSize: string; lineHeight: string }
maximum: { className: string; fontFamily: string; fontSize: string; lineHeight: string }
medium: { className: string; fontFamily: string; fontSize: string; lineHeight: string }

Example

import * as Styles from '@universityofmaryland/web-styles-library';
// Use as a complete JSS object including className
Styles.typography.serif.fonts.large

Since

1.1.0

Variable fontsConst

Type declaration

extraLarge: { className: string; fontFamily: string; fontSize: string; lineHeight: string }

large: { className: string; fontFamily: string; fontSize: string; lineHeight: string }

larger: { className: string; fontFamily: string; fontSize: string; lineHeight: string }

maximum: { className: string; fontFamily: string; fontSize: string; lineHeight: string }

medium: { className: string; fontFamily: string; fontSize: string; lineHeight: string }

Example

Since

Settings

Variable fonts`Const`