Typography
All Royal Navy Design System applications are set in Lato. We also provide the System Font Stack as a fallback to Lato in case a system doesn't support it:
1system-ui,2BlinkMacSystemFont,3-apple-system,4Segoe UI,5Roboto,6Oxygen,7Ubuntu,8Cantarell,9Fira Sans,10Droid Sans,11Helvetica Neue,12sans-serif;
1Typography Scale
Size | Value |
---|---|
display-xl | 3rem |
display-l | 2.25rem |
display | 1.875rem |
xxl | 1.5rem |
xl | 1.25rem |
l | 1.125rem |
m | 1rem |
base | 0.875rem |
s | 0.75rem |
xs | 0.625rem |
xxs | 0.5rem |