Fonts
Frutiger
The main font used within the ULH website is ‘Fruitiger’ however there are a range of different weights that are used throughout for different purposes.
-
Normal weight$weight- -normal
-
Light weight$weight- -light
-
Bold weight$weight- -bold
-
Italic weight$weight- -italics
How:
Paragraphs are created automatically for you. Bold and Italics are also available from the editor tools.
Lists
Bullets lists can be found within the text editor, however if you wish to use text mode, you can include a bullet list using the following format: <ul><li>< /li></ul>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit
You can also add numeric lists using the text editor. The text mode format is as follows:
<ol><li>< /li></ol>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit
Usage:
The vast majority of the website’s content will use the above styles.
Headings
Heading 2
Heading 3
Heading 4
Usage:
Use headings to split content up sections into logical, smaller chunks.
How:
Headings 2-4 are available in the editor tools. Heading 1 is unavailable because the page title will be a heading one (and should be the only one in the content)
Blockquotes
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A quaerat optio ipsa repudiandae fuga culpa cupiditate soluta asperiores deleniti facilis.
Mary Maries, Patient
<blockquote>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A quaerat optio ipsa repudiandae fuga culpa cupiditate soluta asperiores deleniti facilis<div class="source">Mary Maries, Patient</div></blockquote>
Usage:
Use blockquotes to help strengthen a key piece of information within content. Especially useful for quotes if the source is included.
How:
You can use the ‘quotes’ icon in the editor toolbar to insert a blockquote.
Tables
| Table heading 1 | Table heading 2 |
|---|---|
| Cell 1 | Cell 2 |
| Cell 3 | Cell 4 |
Usage:
Should be used to display tabular data…and tabular data only.
How:
Tables can be created from the editor tools.