logo
Digital Design System
git icon

Typography

In this section we have defined all the typography related to our text, links and lists.

Also, you should know that they are all based on googles open sans

Definitions

Text
Check out the typography related to our website text.
Links
Check out the typography related to all our website links.
Lists
Check out the typography related to all our website lists.

Adding google font to page:

Below is the link to include google fonts on the page

<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,700,600' rel='stylesheet' type='text/css' />

How to enable open sans font family on elements:

Add ‘msds-enable-font-family’ class to the parent element e.g. below example of how to do it on the entire page

<html class="msds-enable-font-family">
    ......
</html>