MudBlazor - Blazor Component Library

How it works

It's possible to change the following typography types in the theme, which affects all text across the library.

H1
H2
H3

H4
H5
H6

Subtitle1
Subtitle2
Body1
Body2

Input
Button
Caption
Overline

Change Default Font

To change the default font for all available typography change FontFamily for the Default typography.

@code {
    MudTheme MyCustomTheme = new MudTheme()
    {
        Typography = new Typography()
        {
            Default = new Default()
            {
                FontFamily = new[] { "Poppins", "Helvetica", "Arial", "sans-serif" }
            }
        }
    };
}

Typography Settings

Each typography can be configured with five different settings.

@code {
    MudTheme MyCustomTheme = new MudTheme()
    {
        Typography = new Typography()
        {
            H6 = new H6()
            {
                FontFamily = new[] { "Roboto", "Helvetica", "Arial", "sans-serif" },
                FontSize = "1.25rem",
                FontWeight = 500,
                LineHeight = 1.6,
                LetterSpacing = ".0075em"
            }
        }
    };
}