guide icon indicating copy to clipboard operation
guide copied to clipboard

Replace custom font with Wagtail’s system font stack

Open thibaudcolas opened this issue 2 years ago • 1 comments

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

thibaudcolas avatar Oct 04 '22 11:10 thibaudcolas

Links to Wagtail core adoption of system fonts

  • https://github.com/wagtail/wagtail/issues/8043
  • https://github.com/wagtail/wagtail/commit/f968aac038af01f62460a50e315992331b36c22c

lb- avatar Oct 04 '22 21:10 lb-