Material Design Lite Styles

Material Design Lite Styles : Material Design lite(MDL) implementation of material design for web platform. Here in this tutorial we are going to explain the basic design Lite Styles such as – button, badges and checkboxes etc.

Material Design Lite Styles : Typography

Material Design lite typography is same as HTML5. Here is default example of Material design lite fonts –

Method 1 : Use CDN Hosted Fonts

Include font css as below –

Method 1 : Use CDN Hosted Fonts

If you want to install the font library locally just download and include the file.

If you want to use cdn based fonts use as below –

<h1>Heading 1 </h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>