Add font-display: swap behind a feature flag
What does this MR do and why?
Add font-display: swap
behind a feature flag
This is an attempt to resolve inconsistent font rendering.
See #410199 (closed) for details.
Screenshots or screen recordings
n/a
How to set up and validate locally
As far as I can tell, no browser's devtools makes it easy to inspect @font-face
rules. Firefox almost does, but truncates the properties with no apparent way to expand them:
simplescreenrecorder-2023-09-28_11.53.21
So instead, good ol' View Source
will have to do!
- Load any page.
- View Source (usually via something like CtrlU).
- Search for a CSS file with
fonts
. - Click it.
- Observe the
font-display
isoptional
for all four@font-face
rules. - Enable the
font_display_swap
feature flag. - Repeat steps 1 to 4.
- Observe the
font-display
isswap
for all four@font-face
rules.
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #410199 (closed)
Edited by Mark Florian