0x1eef/al-quran.reflectslight.io
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Load fonts on-demand
Some checks are pending
The Quran / ci (push) Waiting to run
Details

Browse source 
The same set of fonts are not used across RTL and LTR languages. This
change only loads fonts that are being used
This commit is contained in:
0x1eef 2024-09-30 15:50:08 -03:00
parent 2324189992
commit 4d44e72954
2 changed files with 23 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/js/loaders/SurahIndexLoader.ts
View file

@ -17,18 +17,20 @@ import { formatNumber } from "~/lib/t";
const style: HTMLStyleElement = doc.querySelector(".css.postman")!;
const progressBar: HTMLProgressElement = loader.querySelector("progress")!;
const progressNumber: HTMLSpanElement = loader.querySelector(".percentage")!;
const fonts = (() => {
if (doc.dir === "rtl") {
return [
item.font("Cairo Regular", "url(/fonts/cairo-regular.ttf)"),
item.font("Cairo Bold", "url(/fonts/cairo-bold.ttf)"),
];
} else {
return [item.font("Kanit Regular", "url(/fonts/kanit-regular.ttf)")];
}
})();
postman(
item.script(`/js/main/vendor.js?v=${rev}`, { id: "0" }),
item.script(`/js/main/surah-index.js?v=${rev}`, { id: "1" }),
item.font(
"Cairo Regular",
"url(/fonts/cairo-regular.ttf) format('truetype')",
),
item.font("Cairo Bold", "url(/fonts/cairo-bold.ttf) format('truetype')"),
item.font(
"Kanit Regular",
"url(/fonts/kanit-regular.ttf) format('truetype')",
),
...fonts,
item.progress((percent: number) => {
progressBar.value = percent;
progressNumber.innerText = formatNumber(

25
src/js/loaders/SurahStreamLoader.ts
View file

@ -18,22 +18,21 @@ import { formatNumber } from "~/lib/t";
const style = doc.querySelector(".css.postman")!;
const progressBar = loader.querySelector("progress")!;
const progressNumber: HTMLSpanElement = loader.querySelector(".percentage")!;
const fonts = (() => {
if (doc.dir === "rtl") {
return [
item.font("Cairo Regular", "url(/fonts/cairo-regular.ttf)"),
item.font("Cairo Bold", "url(/fonts/cairo-bold.ttf)"),
item.font("Amiri Quran Regular", "url(/fonts/amiri-quran-regular.ttf)"),
];
} else {
return [item.font("Kanit Regular", "url(/fonts/kanit-regular.ttf)")];
}
})();
postman(
item.script(`/js/main/vendor.js?v=${rev}`, { id: "0" }),
item.script(`/js/main/surah-stream.js?v=${rev}`, { id: "1" }),
item.font(
"Cairo Regular",
"url(/fonts/cairo-regular.ttf) format('truetype')",
),
item.font("Cairo Bold", "url(/fonts/cairo-bold.ttf) format('truetype')"),
item.font(
"Amiri Quran Regular",
"url(/fonts/amiri-quran-regular.ttf) format('truetype')",
),
item.font(
"Kanit Regular",
"url(/fonts/kanit-regular.ttf) format('truetype')",
),
...fonts,
/* eslint-disable */
item.json(`/json/${doc.lang}/${surahId}/info.json?v=${rev}`, { className: "json surahinfo" }),
item.json(`/json/${doc.lang}/${surahId}/surah.json?v=${rev}`, { className: "json surah" }),