From 57a0b5367a535087531894155b222355ca396e2f Mon Sep 17 00:00:00 2001 From: Robert Günzler Date: Fri, 7 Mar 2025 01:34:05 +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 --- src/inc/unicode-range.htm | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 src/inc/unicode-range.htm (limited to 'src/inc/unicode-range.htm') diff --git a/src/inc/unicode-range.htm b/src/inc/unicode-range.htm new file mode 100644 index 0000000..778cb7c --- /dev/null +++ b/src/inc/unicode-range.htm @@ -0,0 +1,32 @@ + +

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 ğ.

+

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;
+}
-- cgit 1.4.1