Typography

MDB 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

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.


Regular paragraph

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis tenetur sit voluptatem molestias ad neque veritatis! Alias natus, nobis laudantium, veritatis, atque illum ipsam nisi voluptas nesciunt harum laborum perspiciatis!


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

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores quibusdam dignissimos itaque harum illo! Quidem, corporis at quae tempore nisi impedit cupiditate perferendis nesciunt, ex dolores doloremque! Sit, rem, in?

Warning notification

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores quibusdam dignissimos itaque harum illo! Quidem, corporis at quae tempore nisi impedit cupiditate perferendis nesciunt, ex dolores doloremque! Sit, rem, in?

Success notification

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores quibusdam dignissimos itaque harum illo! Quidem, corporis at quae tempore nisi impedit cupiditate perferendis nesciunt, ex dolores doloremque! Sit, rem, in?

Danger notification

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores quibusdam dignissimos itaque harum illo! Quidem, corporis at quae tempore nisi impedit cupiditate perferendis nesciunt, ex dolores doloremque! Sit, rem, in?


Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Impedit architecto, totam hic sunt eum odio, deleniti.

Similique ex, expedita minus assumenda a magni beatae dolorum itaque.

Veritatis eum libero nam, adipisci, necessitatibus eos.

Sapiente, ea. Molestias sunt nihil saepe numquam quas perferendis.

Sapiente sit, possimus maiores, quo alias corporis cum eum nesciunt.

Corrupti adipisci, praesentium iusto eos, iure debitis modi.

Odio autem veritatis aliquam consequuntur ea voluptatibus.

Similique, adipisci ea, sequi magnam sit inventore.

Eos et vitae, odit deserunt dignissimos voluptas.

Fugit nihil numquam inventore accusantium tenetur ex est.

Sed odit inventore illum excepturi officia, reiciendis numquam modi.

At odio animi distinctio, aut enim tempora nobis error odit mollitia.

Quo at accusamus vel earum hic, inventore non, minima sint.

Iusto odit eos distinctio temporibus voluptates ad, illo repellat.

Quas fugit fuga assumenda nihil esse et culpa reiciendis voluptatum.

Excepturi iusto amet sunt illo ad debitis quibusdam eius, consequatur.

Non sint nulla incidunt, odit repellat tempore, veniam ratione fugit.

Eius, provident. Quo similique, repellat atque voluptas explicabo odio.

In consequuntur error, non consequatur expedita maxime dolorum.

Full documentation

Read the full documentation for these components.

Learn more