diff options
| author | Fuwn <[email protected]> | 2026-05-19 02:28:49 +0000 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-05-19 02:28:49 +0000 |
| commit | e65a7257f5963d49116ab1cca9ed35cab3102c45 (patch) | |
| tree | 176527e6275bac99264a2bcdbf6d9ed8b25eaae0 /src/lib/Tools | |
| parent | feat(details): animate details open/close via Web Animations API (diff) | |
| download | due.moe-e65a7257f5963d49116ab1cca9ed35cab3102c45.tar.xz due.moe-e65a7257f5963d49116ab1cca9ed35cab3102c45.zip | |
perf(load): font-display swap and content-visibility on badge wall
Two unrelated modernisations:
- Adds &display=swap to the Roboto and Overpass Google Fonts URLs
imported by Wrapped's stylesheet. Avoids the invisible-text flash
during font load on the Wrapped page; DM Sans already had this.
- Adds content-visibility: auto to each child of .badges (the grid
on the badge wall page). Browser skips layout and paint for off
-screen badges until they scroll into view. contain-intrinsic-size
auto 8rem reserves placeholder space so the scrollbar stays stable.
Diffstat (limited to 'src/lib/Tools')
| -rw-r--r-- | src/lib/Tools/Wrapped/wrapped.css | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/lib/Tools/Wrapped/wrapped.css b/src/lib/Tools/Wrapped/wrapped.css index e965f873..36435b66 100644 --- a/src/lib/Tools/Wrapped/wrapped.css +++ b/src/lib/Tools/Wrapped/wrapped.css @@ -1,5 +1,5 @@ -@import url("https://proxy.due.moe/?q=https://fonts.googleapis.com/css?family=Roboto:300,400,500,700"); -@import url("https://proxy.due.moe/?q=https://fonts.googleapis.com/css?family=Overpass:400,600,700,800"); +@import url("https://proxy.due.moe/?q=https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"); +@import url("https://proxy.due.moe/?q=https://fonts.googleapis.com/css?family=Overpass:400,600,700,800&display=swap"); .categories-grid { display: flex; |