Skip to content

ci: Fix fonts in Percy #5664

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
backspace merged 13 commits into from
Aug 4, 2026
+45 −7
Merged

ci: Fix fonts in Percy #5664

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
50b6573
Make font rendering deterministic in Percy captures
backspace Jul 31, 2026
a4b1238
Log Percy asset discovery in host CI shards
backspace Jul 31, 2026
46ab25b
Trigger CI for a second Percy build
backspace Jul 31, 2026
a7c8f26
Block third-party font capture in Percy discovery
backspace Jul 31, 2026
7a68fbc
Restore font-display swap for production text rendering
backspace Jul 31, 2026
a2a992a
Disable the discovery browser cache so fonts attach to every snapshot
backspace Jul 31, 2026
b18df6f
Trigger CI for a Percy determinism check
backspace Jul 31, 2026
e1d9609
Trigger CI for a second Percy determinism check
backspace Aug 1, 2026
9d7e4e1
Trigger CI for a fresh Percy build
backspace Aug 1, 2026
10aec72
Merge remote-tracking branch 'origin/main' into percy-fonts
backspace Aug 4, 2026
c49253c
Correct what the snapshot helper's font waits actually guarantee
backspace Aug 4, 2026
45a6f27
Keep the local() font sources in production CSS
backspace Aug 4, 2026
ba27c49
Merge remote-tracking branch 'origin/main' into percy-fonts
backspace Aug 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .github/workflows/ci-host.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -616,6 +616,9 @@ jobs:
env:
PERCY_ENABLED: ${{ needs.check-percy.outputs.percy_needed }}
PERCY_GZIP: true
# Log every asset-discovery request so font woff2 capture (or its
# failure) is visible in the shard log for each snapshot.
PERCY_LOGLEVEL: debug
PERCY_TOKEN: ${{ needs.check-percy.outputs.percy_needed == 'true' && secrets.PERCY_TOKEN_HOST || '' }}
PERCY_PARALLEL_NONCE: ${{ github.run_id }}-${{ github.run_attempt }}
HOST_TEST_PARTITION: ${{ matrix.shardIndex }}
Expand Down
124 changes: 36 additions & 88 deletions packages/boxel-ui/addon/src/styles/fonts.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,177 +2,125 @@
font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 100 700;
font-display: swap;
src:
local('IBM Plex Sans Var'),
local('IBMPlexSansVar'),
local('IBM Plex Sans Var Regular'),
local('IBMPlexSansVar-Regular'),
url('./IBMPlexSansVar-Roman.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexSansVar-Roman.woff2') format('woff2');
Comment thread
backspace marked this conversation as resolved.
Outdated
}
@font-face {
font-family: 'IBM Plex Sans';
font-style: italic;
font-weight: 100 700;
font-display: swap;
src:
local('IBM Plex Sans Var Italic'),
local('IBMPlexSansVar-Italic'),
url('./IBMPlexSansVar-Italic.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexSansVar-Italic.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Mono';
font-weight: 400;
font-style: normal;
font-display: swap;
src:
local('IBM Plex Mono'),
local('IBMPlexMono'),
url('./IBMPlexMono-Regular.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexMono-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Mono';
font-weight: 500;
font-style: normal;
font-display: swap;
src:
local('IBM Plex Mono Medium'),
url('./IBMPlexMono-Medium.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexMono-Medium.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Mono';
font-weight: 600;
font-style: normal;
font-display: swap;
src:
local('IBM Plex Mono SemiBold'),
url('./IBMPlexMono-SemiBold.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexMono-SemiBold.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Mono';
font-weight: 700;
font-style: normal;
font-display: swap;
src:
local('IBM Plex Mono Bold'),
local('IBMPlexMono-Bold'),
url('./IBMPlexMono-Bold.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexMono-Bold.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Mono';
font-weight: 400;
font-style: italic;
font-display: swap;
src:
local('IBM Plex Mono Italic'),
url('./IBMPlexMono-Italic.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexMono-Italic.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Mono';
font-weight: 500;
font-style: italic;
font-display: swap;
src:
local('IBM Plex Mono Medium Italic'),
url('./IBMPlexMono-MediumItalic.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexMono-MediumItalic.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Mono';
font-weight: 600;
font-style: italic;
font-display: swap;
src:
local('IBM Plex Mono SemiBold Italic'),
url('./IBMPlexMono-SemiBoldItalic.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexMono-SemiBoldItalic.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Mono';
font-weight: 700;
font-style: italic;
font-display: swap;
src:
local('IBM Plex Mono Bold Italic'),
url('./IBMPlexMono-BoldItalic.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexMono-BoldItalic.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Serif';
font-weight: 400;
font-style: normal;
font-display: swap;
src:
local('IBM Plex Serif'),
local('IBM Plex Serif Regular'),
local('IBMPlexSerif'),
local('IBMPlexSerif-Regular'),
url('./IBMPlexSerif-Regular.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexSerif-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Serif';
font-weight: 500;
font-style: normal;
font-display: swap;
src:
local('IBM Plex Serif Medium'),
local('IBMPlexSerif-Medium'),
url('./IBMPlexSerif-Medium.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexSerif-Medium.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Serif';
font-weight: 600;
font-style: normal;
font-display: swap;
src:
local('IBM Plex Serif SemiBold'),
local('IBMPlexSerif-SemiBold'),
url('./IBMPlexSerif-SemiBold.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexSerif-SemiBold.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Serif';
font-weight: 700;
font-style: normal;
font-display: swap;
src:
local('IBM Plex Serif Bold'),
local('IBMPlexSerif-Bold'),
url('./IBMPlexSerif-Bold.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexSerif-Bold.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Serif';
font-weight: 400;
font-style: italic;
font-display: swap;
src:
local('IBM Plex Serif Italic'),
local('IBMPlexSerif-Italic'),
url('./IBMPlexSerif-Italic.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexSerif-Italic.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Serif';
font-weight: 500;
font-style: italic;
font-display: swap;
src:
local('IBM Plex Serif Medium Italic'),
local('IBMPlexSerif-MediumItalic'),
url('./IBMPlexSerif-MediumItalic.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexSerif-MediumItalic.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Serif';
font-weight: 600;
font-style: italic;
font-display: swap;
src:
local('IBM Plex Serif SemiBold Italic'),
local('IBMPlexSerif-SemiBoldItalic'),
url('./IBMPlexSerif-SemiBoldItalic.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexSerif-SemiBoldItalic.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Serif';
font-weight: 700;
font-style: italic;
font-display: swap;
src:
local('IBM Plex Serif Bold Italic'),
local('IBMPlexSerif-BoldItalic'),
url('./IBMPlexSerif-BoldItalic.woff2') format('woff2');
font-display: block;
src: url('./IBMPlexSerif-BoldItalic.woff2') format('woff2');
}
Loading