Skip to content

Conversation

@frankieroberto
Copy link
Collaborator

This switches the font from GDS Transport to Frutiger, to match the typography guidance of the NHS design system.

(It was previously using GDS Transport as the site uses the govuk-eleventy-plugin which is based on the GOV.UK Design System.)

For the time being this just copies in the @font-face declarations. An alternative would be to add the nhsuk-frontend package alongside govuk-frontend, but given that we’re not using any of the NHS classes at the moment, that seems unnecessary.

Screenshots

Before After
Screenshot of the site using GDS Transport font Screenshot of the site using Frutiger font

Copy link
Collaborator

@ralph-hawkins ralph-hawkins left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good.

Can you increase the line-height for this change too please?

govuk-body is 1.25, but nhs.uk is 1.47368.

@frankieroberto frankieroberto temporarily deployed to screening-de-switch-fon-jvfdhp March 7, 2025 15:14 Inactive
@frankieroberto frankieroberto temporarily deployed to screening-de-switch-fon-jvfdhp March 10, 2025 17:25 Inactive
@frankieroberto
Copy link
Collaborator Author

Can you increase the line-height for this change too please?

govuk-body is 1.25, but nhs.uk is 1.47368.

Done. I’ve hacked this in for now - hopefully we can switch over to properly using NHS Frontend at some point.

@frankieroberto frankieroberto merged commit 854291b into main Mar 10, 2025
2 checks passed
@frankieroberto frankieroberto deleted the switch-font-to-frutiger branch March 10, 2025 17:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants