Font
The standard font Drupal social uses is Montserrat. We have included the font files with our framework.
We bundle our framework with 3 different font weights you can use: 300, 500 and 700
- Font with weight 300
- Font with weight 500
- Font with weight 700
Changing default font
In case you want to use a different font on your webpage, fear not. Simply change the font stack by modifying the code below to your liking and add it to your custom css.
html {
font-family: 'montserrat', sans-serif;
}
Headings and paragraphs
We provide some basic styling on heading tags. In the example, you can see the the 6 header tags' different sizes. .h1 through .h6 classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.
Heading h1
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Heading h2
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Heading h3
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Heading h4
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Heading h5
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Heading h6
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Lists
Unordered
A list of items in which the order does not explicitly matter.
- Sit Ullamcorper Ultricies
- Tortor
- Mollis
- Dolor
- Cursus
- Cras
- Pellentesque
- Egestas Sem
- Cursus Malesuada
- Fermentum Tellus
Ordered
A list of items in which the order does explicitly matter.
- Sit Ullamcorper Ultricies
- Tortor
- Mollis
- Dolor
- Cursus
- Cras
- Pellentesque
- Egestas Sem
- Cursus Malesuada
- Fermentum Tellus
Blockquotes
Blockquotes are mainly used to give emphasis to a quote or citation. You can also use these for some extra text hierarchy and emphasis.
This is an example quotation that uses the blockquote tag.
Here is another line to make it look bigger.
This is an example quotation that uses the blockquote tag.