diff --git a/share/al-quran.reflectslight.io/CHANGELOG.txt b/share/al-quran.reflectslight.io/CHANGELOG.txt index 7abab4b5a..5d44e58f8 100644 --- a/share/al-quran.reflectslight.io/CHANGELOG.txt +++ b/share/al-quran.reflectslight.io/CHANGELOG.txt @@ -2,6 +2,11 @@ * vNEXT +** Fix the render of Amiri font on iOS +On modern versions of iOS the "Amiri Quran Regular" font rendered +as invisible text. This change reverts to the "Amiri Regular" font +instead, which appears to render without any issues + ** Download fonts based on language direction RTL and LTR languages use a different set of fonts, and before this change we would download all fonts regardless of whether the font diff --git a/src/css/_base.scss b/src/css/_base.scss index d9bc5686f..a38b64a13 100644 --- a/src/css/_base.scss +++ b/src/css/_base.scss @@ -44,7 +44,7 @@ html { } .font-amiri { - font-family: "Amiri Quran Regular", "Scheherazade", "Arial", sans-serif; + font-family: "Amiri Regular", "Scheherazade", "Arial", sans-serif; } } } diff --git a/src/fonts/amiri-quran-regular.ttf b/src/fonts/amiri-quran-regular.ttf deleted file mode 100644 index 2efa8fa49..000000000 Binary files a/src/fonts/amiri-quran-regular.ttf and /dev/null differ diff --git a/src/fonts/amiri-regular.ttf b/src/fonts/amiri-regular.ttf new file mode 100644 index 000000000..e44f12423 Binary files /dev/null and b/src/fonts/amiri-regular.ttf differ diff --git a/src/js/components/SurahStream/Stream.tsx b/src/js/components/SurahStream/Stream.tsx index d0d6e6ab9..2ca07a822 100644 --- a/src/js/components/SurahStream/Stream.tsx +++ b/src/js/components/SurahStream/Stream.tsx @@ -38,7 +38,7 @@ export function Stream({
  • @@ -63,7 +63,7 @@ export function Stream({

    {ayah.body} diff --git a/src/js/loaders/SurahStreamLoader.ts b/src/js/loaders/SurahStreamLoader.ts index 57b200eb8..623940f94 100644 --- a/src/js/loaders/SurahStreamLoader.ts +++ b/src/js/loaders/SurahStreamLoader.ts @@ -23,7 +23,7 @@ import { formatNumber } from "~/lib/t"; 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)"), + item.font("Amiri Regular", "url(/fonts/amiri-regular.ttf)"), ]; } else { return [item.font("Kanit Regular", "url(/fonts/kanit-regular.ttf)")];