Skip to content
ASP Digital Design System

Your web browser is out of date

Your web browser (the software you use to access the internet) is out of date. You need to update it or use a different web browser to ensure you can complete this form.

Cookies disabled

Cookies are currently not enabled in your web browser. You need to enable cookies to ensure you can complete this form.

Typography

Font

ASP digital applications use system fonts as standard. I.e.

-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji

Defaulting to the system font of a particular operating system boosts performance because the browser doesn’t have to download any font files, it’s using one it already had, therefore reducing page load times.

Headings

Open this example in a new tab: typography

<h1>asp digital heading 1</h1>    
<h2>asp digital heading 2</h2>    
<h3>asp digital heading 3</h3>    
<h4>asp digital heading 4</h4>    
<h5>asp digital heading 5</h5>    
<h6>asp digital heading 6</h6>

Paragraphs

Body

The default paragraph font size is 16px for both large and small screens.

Open this example in a new tab: typography

<p>The quick brown fox jumps over the lazy dog</p>

Lead paragraph

[ content missing ]

Make a change to the Design System

Suggest an edit to this system, or any of the components in it, by submitting a Design System change request.

Published 3 May 2024
Last updated 6 August 2024