r4sas/tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix loading fonts in Safari iOS 12.2+

Browse Source
This commit is contained in:
Eduard Kuzmenko 2021-06-25 15:10:50 +03:00
parent ce0443e758
commit 5ad39cf69d
2 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/helpers/dom/loadFonts.ts
View File

@ -5,8 +5,13 @@
*/
let promise: Promise<any>;
export default function loadFonts(): Promise<void> {
export default function loadFonts(): Promise<any> {
if(promise) return promise;
return promise = 'fonts' in document ?
Promise.race([
// @ts-ignore
return promise = 'fonts' in document ? Promise.all(['400 1rem Roboto', '500 1rem Roboto', '500 1rem tgico'].map(font => document.fonts.load(font))) : Promise.resolve();
Promise.all(['400 1rem Roboto', '500 1rem Roboto', '500 1rem tgico'].map(font => document.fonts.load(font))),
new Promise((resolve) => setTimeout(resolve, 1e3))
]) :
Promise.resolve();
}

9
src/index.ts
View File

@ -279,7 +279,7 @@ console.timeEnd('get storage1'); */
/**
* won't fire if font is loaded too fast
*/
function fadeInWhenFontsReady(elem: HTMLElement, promise: Promise<void>) {
function fadeInWhenFontsReady(elem: HTMLElement, promise: Promise<any>) {
elem.style.opacity = '0';
promise.then(() => {
@ -346,8 +346,13 @@ console.timeEnd('get storage1'); */
await pagePromise;
}
const promise = 'fonts' in document ?
Promise.race([
new Promise((resolve) => setTimeout(resolve, 1e3)),
// @ts-ignore
const promise = 'fonts' in document ? document.fonts.ready : Promise.resolve();
document.fonts.ready
]) :
Promise.resolve();
fadeInWhenFontsReady(scrollable, promise);
}