glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(comparisonStore): add the check before loading

Browse Source
This commit is contained in:
Ilia Mashkov
2026-02-12 12:19:11 +03:00
parent cee2a80c41
commit f2e8de1d1d
1 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/widgets/ComparisonSlider/model/stores/comparisonStore.svelte.ts
View File

@@ -78,8 +78,6 @@ class ComparisonStore {
return; return;
} }
this.#fontsReady = false;
const weight = this.#typography.weight; const weight = this.#typography.weight;
const size = this.#typography.renderedSize; const size = this.#typography.renderedSize;
const fontAName = this.#fontA?.name; const fontAName = this.#fontA?.name;
@@ -87,11 +85,25 @@ class ComparisonStore {
if (!fontAName || !fontBName) return; if (!fontAName || !fontBName) return;
const fontAString = `${weight} ${size}px "${fontAName}"`;
const fontBString = `${weight} ${size}px "${fontBName}"`;
// Check if already loaded to avoid UI flash
const isALoaded = document.fonts.check(fontAString);
const isBLoaded = document.fonts.check(fontBString);
if (isALoaded && isBLoaded) {
this.#fontsReady = true;
return;
}
this.#fontsReady = false;
try { try {
// Step 1: Load fonts into memory // Step 1: Load fonts into memory
await Promise.all([ await Promise.all([
document.fonts.load(`${weight} ${size}px "${fontAName}"`), document.fonts.load(fontAString),
document.fonts.load(`${weight} ${size}px "${fontBName}"`), document.fonts.load(fontBString),
]); ]);
// Step 2: Wait for browser to be ready to render // Step 2: Wait for browser to be ready to render