Font
We use a consistent and legible font on Cardiff.gov to make sure the content is easy and clear to use.
The font we use is compliant with accessibility standards and is specfically designed to be legible on both screens and on paper.
Accessible fonts are fonts that are easy to see, read and understand for all people.
How to use this component
We use Inter font from Google fonts.
Paragraphs and links
Font size: 1em or 16px.
Font weighting: 300.
Line height: 1.4em.
Heading 1
Font size: 25px or 1.6em.
Font weighting: 400.
Heading 2
Font size: 25px or 1.6em.
Font weighting: 400.
Heading 2’s should have a top margin of 40px for suitable spacing.
Heading 3, Heading 4, Heading 5
Font size: 1.2em.
Font weighting: 400.
Heading 1
Heading 2
Heading 3
Font Awesome
We use Font Awesome for icons and graphics. For font awesome pro css styling:
font-family: “Font Awesome 5 Pro”; font-weight: 400;
font-family: “Font Awesome 5 Pro”; font-weight: 600;
font-family: “Font Awesome 5 Brands”; font-weight: 400;
