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 –

<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 –

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

Add Comment

📖 Read More

• 1. Material Design Lite - Tabs
• 2. Material Design Lite - Badges
• 3. Material Design Lite - Cards
• 4. Material Design Lite - Lists
• 5. Material Design Lite - Dialogs

• 6. Material Design Lite - Loading
• 7. Material Design Lite - Menus
• 8. Material Design Lite - Sliders
• 9. Material Design Lite - Checkbox
• 10. Material Design Lite - Radio Button