Typography

This site uses the Proxima-Nova font-family throughout. The font is served through Adobe Typekit.

Typically we use Typekit, Google Webfonts and fonts.com to serve fonts to our websites. With each the process is slightly different but generally you will need to create a kit for your new site and link this to the relevant domain name. You can then select the fonts you want to use on your new site. Once you have selected the fonts, you will be provided with a line of code similar to <script src="address/code.js"></script> which should be pasted into the inc/top.php (lines 9 and 10 in top.php for this site).

You will then need to add the font-family css to the css/presets/default.less file within the typography section. The size and styling of the typography is then adjusted within the css/build/typography.less file.

Heading 1

Heading 2

Intro Paragraph... Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla.


Heading 3

Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla.

Heading 4

  • Unordered List Item 1
  • Unordered List Item 2
  • Unordered List Item 3
  • Unordered List Item 4

Heading 5
  1. Ordered Item 1
  2. Ordered Item 2
  3. Ordered Item 3
  4. Ordered Item 4

Blockquote... Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper.


Heading 6

Strong

Small

Italic

A Link

Subscript

Supscript