Using Stag Sans
The Jisc font font is licensed from a commercial font foundry. As such there are restrictions on its use. It can only be used on sites on the jisc.ac.uk domain and there are restrictions on the number of page views.
Any sites using Stag Sans are required to be running Google Analytics and share their data with web@jisc.ac.uk. This is, in part, to ensure we don’t exceed the page view restrictions for our font licence.
Font weights
Light
- Our primary weight
- Used for display style, headings and body copy
- Never be used below 18px
Book
- Our secondary weight
- Used for headings, supporting text and captions
- To embolden ‘Light’ type
Medium
- Optional weight
- Only ever used to embolden ‘Book’ type
Typographic sizes
| Viewport size: | Weight | 0-464px | 465-756px | 757-990px |
|---|---|---|---|---|
| H1 – Tuba | Light | 36/40.5 | 40.5/45 | 45/54 |
| H2 – Euphonium | Book | 27/36 | 31.5/40.5 | 36/45 |
| H3 – Baritone | Light | 22.5/27 | 27/36 | 27/36 |
| H4 – Tenor | Book | 18/27 | 22.5/27 | 22.5/27 |
| H5 – Horn | Light | 18/27 | 18/27 | 18/27 |
| H6 – Flugelhorn | Book | 15/27 | 15/27 | 15/27 |
| Standfirst – Trombone | Light | 22.5/36 | 22.5/36 | 22.5/36 |
| Body | Light | 18/27 | ||
| Support – Trumpet | Book | 15/22.5 | ||
| Micro – Cornet | Book | 12/22.5 | ||
Body copy
Our objective is optimal readability at all screen sizes, on any device. Our body copy font-size of 18px (with 27px line height) is intentionally generous so that large chunks of copy have plenty of space, feel lighter and easier to consume. This larger size is incredibly easy to read without your eye skipping lines and gives a comfortable reading experience, much like a book.
Italics / faux italics
We strongly recommend that italics are avoided, or used sparingly.
If italics are required we opt for allowing the use of ‘faux italics’ as set by browsers, thus removing the burden of downloading / licensing a further three fonts. This has been tested across multiple devices and browsers and we are confident that a faux italic version of the Stag Sans is acceptable when used as advised.
Link conventions
Users don’t read, they scan. It’s important that we offer a consistent experience and that link conventions are maintained across our sites.
Jisc link style
- In-content links emphasised with the next heaviest weight (see font weights) and underlined. Links outside of page content (eg navigation) do not need to be emphasised and / or underlined
- Active colour #00557f
- Hovered colour #e85e13
- Visited colour #403e84