Typography

UXD Admin Dashboard includes simple and easily customized typography for headings, body text, lists, and more. For even more control, check out the textual utility classes.

The standard font for MDBootstrap is minimalist and elegant "Roboto" from Google.

About "Roboto"

Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesques distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.


Standard

h1. heading


h2. heading


h3. heading


h4. heading


h5. heading

h6. heading

Classes

h1. Bootstrap heading


h2. Bootstrap heading


h3. Bootstrap heading


h4. Bootstrap heading


h5. Bootstrap heading


h6. Bootstrap heading

Responsive

h1. heading


h2. heading


h3. heading


h4. heading


h5. heading

Fancy display heading With faded secondary text


Display 1


Display 2


Display 3


Display 4


Lead

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.


Regular paragraph

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.


You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.


Info notification

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible. As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

Warning notification

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible. As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

Success notification

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible. As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

Danger notification

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible. As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.


As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

As designers attempting to creating functional work, oftentimes we are required to make our designs look as finished as possible.

Full documentation

Read the full documentation for these components.

Learn more