From 1bf57af991cde1b659207846e6e2856d730fcc6d Mon Sep 17 00:00:00 2001 From: Robert Günzler Date: Mon, 17 Mar 2025 21:46:18 +0100 Subject: % update site MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Robert Günzler --- site/unicode-range.html | 76 ++++++++++++++++++++++++----------------------- src/inc/unicode-range.htm | 73 +++++++++++++++++++++++---------------------- src/inc/unicode-range.md | 39 ------------------------ 3 files changed, 77 insertions(+), 111 deletions(-) delete mode 100644 src/inc/unicode-range.md diff --git a/site/unicode-range.html b/site/unicode-range.html index 3a35877..025bbc0 100644 --- a/site/unicode-range.html +++ b/site/unicode-range.html @@ -29,49 +29,52 @@
- -

While working on my custom Anki cards for learning Japanese and Turkish, I -found that my font of choice for Japanese IPAex was not properly supporting glyphs used by -Turkish, like ğ.

+

While working on my custom Anki cards for learning Japanese + and Turkish, I + found that my font of choice for Japanese IPAex was not + properly supporting glyphs used by + Turkish, like ğ.

+
-before - + before +
+

To fix this i am using a property of the @font-face rule -to limit custom fonts to source their glyphs from a subset of the -unicode range and force fallback to the next font in the set.

-
@font-face {
-    font-family: "IPAexGothic";
-    src:
-        local("IPAexGothic"),
-        url("_ipaexg.ttf");
-    unicode-range: 
-        U+0020-007F,
-        U+3000-303f,
-        U+3040-309f,
-        U+30a0-30ff,
-        U+ff00-ffef,
-        U+4e00-9faf;
-}
-
-.card {
-    font-family:
-        IPAexGothic,
-        Noto Sans,
-        sans;
-}
+ to limit custom fonts to source their glyphs from a subset of the + unicode range and force fallback to the next font in the set.

+ +
+@font-face {
+    font-family: "IPAexGothic";
+    src:
+        local("IPAexGothic"),
+        url("_ipaexg.ttf");
+    unicode-range:
+        U+0020-007F,
+        U+3000-303f,
+        U+3040-309f,
+        U+30a0-30ff,
+        U+ff00-ffef,
+        U+4e00-9faf;
+}
+
+.card {
+    font-family:
+        IPAexGothic,
+        Noto Sans,
+        sans;
+}
+
+
-after - + after +
-[⏶] diff --git a/src/inc/unicode-range.htm b/src/inc/unicode-range.htm index 314e82d..dc39a9c 100644 --- a/src/inc/unicode-range.htm +++ b/src/inc/unicode-range.htm @@ -1,40 +1,43 @@ - -

While working on my custom Anki cards for learning Japanese and Turkish, I -found that my font of choice for Japanese IPAex was not properly supporting glyphs used by -Turkish, like ğ.

+

While working on my custom Anki cards for learning Japanese + and Turkish, I + found that my font of choice for Japanese IPAex was not + properly supporting glyphs used by + Turkish, like ğ.

+
-before - + before +
+

To fix this i am using a property of the @font-face rule -to limit custom fonts to source their glyphs from a subset of the -unicode range and force fallback to the next font in the set.

-
@font-face {
-    font-family: "IPAexGothic";
-    src:
-        local("IPAexGothic"),
-        url("_ipaexg.ttf");
-    unicode-range: 
-        U+0020-007F,
-        U+3000-303f,
-        U+3040-309f,
-        U+30a0-30ff,
-        U+ff00-ffef,
-        U+4e00-9faf;
-}
-
-.card {
-    font-family:
-        IPAexGothic,
-        Noto Sans,
-        sans;
-}
+ to limit custom fonts to source their glyphs from a subset of the + unicode range and force fallback to the next font in the set.

+ +
+@font-face {
+    font-family: "IPAexGothic";
+    src:
+        local("IPAexGothic"),
+        url("_ipaexg.ttf");
+    unicode-range:
+        U+0020-007F,
+        U+3000-303f,
+        U+3040-309f,
+        U+30a0-30ff,
+        U+ff00-ffef,
+        U+4e00-9faf;
+}
+
+.card {
+    font-family:
+        IPAexGothic,
+        Noto Sans,
+        sans;
+}
+
+
-after - + after +
diff --git a/src/inc/unicode-range.md b/src/inc/unicode-range.md deleted file mode 100644 index fdadf2d..0000000 --- a/src/inc/unicode-range.md +++ /dev/null @@ -1,39 +0,0 @@ - -While working on my custom [Anki] cards for learning Japanese and Turkish, I -found that my font of choice for Japanese [IPAex] was not properly supporting -glyphs used by Turkish, like [ğ]. - -![before](/media/content/unicode-range/before.jpg) - -To fix this i am using a property of the `@font-face` rule to limit custom -fonts to source their glyphs from a subset of the unicode range and force -fallback to the next font in the set. - -```css -@font-face { - font-family: "IPAexGothic"; - src: - local("IPAexGothic"), - url("_ipaexg.ttf"); - unicode-range: - U+0020-007F, - U+3000-303f, - U+3040-309f, - U+30a0-30ff, - U+ff00-ffef, - U+4e00-9faf; -} - -.card { - font-family: - IPAexGothic, - Noto Sans, - sans; -} -``` - -![after](/media/content/unicode-range/after.jpg) - -[Anki]: https://apps.ankiweb.net/ -[IPAex]: https://ja.wikipedia.org/wiki/IPA%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88 -[ğ]: https://en.wikipedia.org/wiki/%C4%9E -- cgit 1.4.1