Material Design Type in CSS

github / specification

@liabru

(an unofficial implementation — 2015)

Light 112px

Regular 56px

Regular 45px

Regular 34px

Regular 24px

Medium 20px

Regular 16px

Medium 14px
Medium 14px
Regular 12px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ligula erat, dignissim a mollis vel, sollicitudin a leo. Morbi in turpis orci. Nulla lacinia faucibus placerat. Vivamus aliquet aliquam congue. Suspendisse nec tellus eu enim semper commodo at eget quam.

Light 112px

Regular 56px

Regular 45px

Regular 34px

Regular 24px

Medium 20px

Regular 16px

Medium 14px
Medium 14px
Regular 12px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ligula erat, dignissim a mollis vel, sollicitudin a leo. Morbi in turpis orci. Nulla lacinia faucibus placerat. Vivamus aliquet aliquam congue. Suspendisse nec tellus eu enim semper commodo at eget quam.

Light 112px

Regular 56px

Regular 45px

Regular 34px

Regular 24px

Medium 20px

Regular 16px

Medium 14px
Medium 14px
Regular 12px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ligula erat, dignissim a mollis vel, sollicitudin a leo. Morbi in turpis orci. Nulla lacinia faucibus placerat. Vivamus aliquet aliquam congue. Suspendisse nec tellus eu enim semper commodo at eget quam.