boost/boostlook
2
0
Fork 0
mirror of https://github.com/boostorg/boostlook.git synced 2026-01-19 04:02:14 +00:00
Code Issues Projects Releases Wiki Activity

fix: change font-display swap to block

Browse Source 
Prevent FOUT by blocking text render until fonts load
This commit is contained in:
Julio Estrada
2025-11-20 14:28:47 -05:00
committed by Julio C. Estrada
parent cdfdff1a43
commit 66401ab4d7
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
boostlook.css
View File

@@ -725,7 +725,7 @@ html:has(.boostlook) {
font-stretch: 62.5% 100%;
/* Variable font weight range */
font-variation-settings: "wght" 400, "wdth" 62.5;
font-display: swap;
font-display: block;
src: url("../font/NotoSansDisplay.ttf") format("truetype"),
url("/static/font/notosans.woff2") format("woff2"),
url("../../../../tools/boostlook/notosans.woff2") format("woff2"),
@@ -745,7 +745,7 @@ html:has(.boostlook) {
font-stretch: 62.5% 100%;
/* Variable font weight range */
font-variation-settings: "wght" 400, "wdth" 62.5;
font-display: swap;
font-display: block;
src: url("../font/NotoSansDisplay-Italic.ttf") format("truetype"),
url("/static/font/notosans_ext.woff2") format("woff2"),
url("../../../../tools/boostlook/notosans_ext.woff2") format("woff2"),
@@ -765,7 +765,7 @@ html:has(.boostlook) {
font-stretch: 62.5% 100%;
/* Variable font weight range */
font-variation-settings: "wght" 400, "wdth" 62.5;
font-display: swap;
font-display: block;
src: url("../font/NotoSansMono.ttf") format("truetype"),
url("/static/font/notosans_mono.woff") format("woff"),
url("../../../../tools/boostlook/notosans_mono.woff") format("woff"),
@@ -784,7 +784,7 @@ html:has(.boostlook) {
font-weight: 400;
/* Fixed weight for specific use cases */
font-stretch: 62.5% 100%;
font-display: swap;
font-display: block;
src: url("../font/NotoSansMono.ttf") format("truetype"),
url("/static/font/notosans_mono.woff") format("woff"),
url("../../../../tools/boostlook/notosans_mono.woff") format("woff"),