guide
guide copied to clipboard
Replace custom font with Wagtail’s system font stack
This site was initially set up with a custom called Kumbh Sans. We’d like to switch to a system font for performance reasons, and consistency with other parts of the Wagtail ecosystem.
This involves the following changes to our stylesheet:
- Removing the Kumbh Sans files, https://github.com/wagtail/guide/blob/main/apps/frontend/static_src/scss/kumbh_sans.scss and the associated font file
- Removing Kumbh Sans from our font stack (https://github.com/wagtail/guide/blob/main/apps/frontend/static_src/scss/variables.scss#L13), ideally with a comment to mention this is Wagtail’s official system font stack (https://github.com/wagtail/wagtail/commit/f968aac038af01f62460a50e315992331b36c22c)
Here is an example of the desired outcome, based on how we set up the monospace font stack for code snippets: https://github.com/wagtail/guide/blob/main/apps/frontend/static_src/scss/components/rich-text.scss
Links to Wagtail core adoption of system fonts
- https://github.com/wagtail/wagtail/issues/8043
- https://github.com/wagtail/wagtail/commit/f968aac038af01f62460a50e315992331b36c22c