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 โ€“

Material Design Lite Font CDN : Typography

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

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 โ€“

Material Design Lite Styles : Typography Example

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

Try it ยป

Material Design Lite Styles


Advertisements

Add Comment

๐Ÿ“– Read More