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