0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-11-30 01:46:24 +01:00
wagtail/docs/releases/2.17.md
Steve Stein f968aac038
Update system font stack value for compatibility. Fix #7724 (#7972)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>

- `-apple-system, BlinkMacSystemFont` - These are used to target modern iOS Safari, macOS Safari, macOS Firefox and macOS Chrome's system fonts. 
- ` 'Segoe UI',  system-ui,` - These fonts target windows machines on Windows 7+ [reference](https://markdotto.com/2018/02/07/github-system-fonts/#the-stack). Having system-ui placed after Segoe UI allowed Segoe UI to take precedence when used on Windows machines set to Chinese ( Simplified ) language. There are some known language issues around `system-ui` being used: [This github article](https://infinnie.github.io/blog/2017/systemui.html). However, the purpose of `system-ui` [(reference here)](https://drafts.csswg.org/css-fonts-4/#valdef-font-family-system-ui) is to allow web content to integrate with the look and feel of the native OS. Which makes this font-family a good choice for other devices _if_ the problem is solved by putting Segoe UI first. 
- `Roboto,` - This is our fallback font for androids devices. Having Segoe set before this allows windows to use its system default font even if you have installed Roboto for development reasons. 
- `Helvetica Neue,` - This is a fallback for older macOS
- `Arial` - Using this to catch any of the very old Windows versions (shoutout windows 95)
- `sans-serif` - Our last resort to get a font without serifs
- `  'Apple Color Emoji',  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';` - All the emoji's for the OS's mentioned above. 😁
2022-02-14 15:17:02 +00:00

782 B
Raw Blame History

Wagtail 2.17 release notes - IN DEVELOPMENT

.. contents::
    :local:
    :depth: 1

What's new

Page editor redesign

Here are other changes related to the redesign:

  • Switch the Wagtail branding font to a system font stack (Steven Steinwand)

Other features

  • Upgrade ESLint and Stylelint configurations to latest shared Wagtail configs (Thibaud Colas)
  • Major updates to frontend tooling; move Node tooling from Gulp to Webpack, upgrade to Node v16 and npm v8, eslint v8, stylelint v14 and others (Thibaud Colas)
  • Change comment headers date formatting to use browser APIs instead of requiring a library (LB (Ben Johnston))
  • Lint with flake8-comprehensions and flake8-assertive (Mads Jensen)

Bug fixes

Upgrade considerations