Doing this creates wider spaces between words, which can make the text hard to read.

Right-aligned body copy can be hard for users to find and read when they magnify their screen.ĭo not ‘justify’ blocks of body copy so that they’re aligned to both the left and right margins. You should usually left-align body copy that’s read left to right. govuk-!-text-align-centre to align text to the centre.govuk-!-text-align-right to align text to the right.govuk-!-text-align-left to align text to the left.If you need to align text differently to how it usually displays on the page, you can use text alignment override classes. Govuk-body-s Text alignment override classes But change it if your pages feel unbalanced – the heading class you use does not always need to correspond to the heading level. Style headings consistently to create a clear content structure throughout your service.įor a question page, or pages with long headings, start with govuk-heading-l for an, govuk-heading-m for an and so on. Apply a heading class, such as govuk-heading-l, to style them visually. Use heading tags, such as, and so on, to tag the headings on a page. read the ‘If your service is not on GOV.UK’ section on ‘Making your service look like GOV.UK’.

If you’re not sure whether you should use GDS Transport, do one of the following: If your service is publicly available on a subdomain other than, use an alternative typeface like Helvetica or Arial. If your service is on the subdomain you must use the GDS Transport font. There is a problem with the service pages Replace variables, functions and mixins from our old frameworksĮxtending and modifying components in production

Copyq font size