about summary refs log tree commit diff
path: root/src/inc/unicode-range.htm
diff options
context:
space:
mode:
authorRobert Günzler <r@gnzler.io>2025-05-01 15:22:04 +0200
committerRobert Günzler <r@gnzler.io>2025-05-01 22:38:43 +0200
commitf9e4c34713e5792b5b4ef9461d50811d34925f47 (patch)
tree257e6b2132e74a414bcd6a3e80242c8d0f18a094 /src/inc/unicode-range.htm
parentc633c085cf256d1fda735062a37903259e9068c4 (diff)
downloadsite-f9e4c34713e5792b5b4ef9461d50811d34925f47.tar.gz
fixups
Signed-off-by: Robert Günzler <r@gnzler.io>
Diffstat (limited to 'src/inc/unicode-range.htm')
-rw-r--r--src/inc/unicode-range.htm34
1 files changed, 19 insertions, 15 deletions
diff --git a/src/inc/unicode-range.htm b/src/inc/unicode-range.htm
index dc39a9c..727f596 100644
--- a/src/inc/unicode-range.htm
+++ b/src/inc/unicode-range.htm
@@ -1,21 +1,26 @@
-<p>While working on my custom <a href="https://apps.ankiweb.net/" target="_blank">Anki</a> cards for learning Japanese
+<p>While working on my custom
+    <a href="https://apps.ankiweb.net/" target="_blank">Anki</a>
+    cards for learning Japanese
     and Turkish, I
-    found that my font of choice for Japanese <a
-        href="https://ja.wikipedia.org/wiki/IPA%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88" target="_blank">IPAex</a> was not
+    found that my font of choice for Japanese -
+    <a href="https://ja.wikipedia.org/wiki/IPA%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88" target="_blank">IPAex</a>
+    - was not
     properly supporting glyphs used by
-    Turkish, like <a href="https://en.wikipedia.org/wiki/%C4%9E" target="_blank">ğ</a>.</p>
-
+    Turkish, like
+    <a href="https://en.wikipedia.org/wiki/%C4%9E" target="_blank">ğ</a>.
+</p>
 <figure>
     <img src="/media/content/unicode-range/before.jpg" alt="before">
     <figcaption aria-hidden="true">before</figcaption>
 </figure>
-
-<p>To fix this i am using a property of the <code>@font-face</code> 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.</p>
-
-<pre>
-<code>@font-face {
+<p>To fix this i am using a property of the
+    <code>@font-face</code>
+    rule
+    which limits custom fonts to source their glyphs from a subset of the
+    unicode range and force fallback to the next font in the set.
+</p>
+<pre><code>
+@font-face {
     font-family: "IPAexGothic";
     src:
         local("IPAexGothic"),
@@ -34,9 +39,8 @@
         IPAexGothic,
         Noto Sans,
         sans;
-}</code>
-</pre>
-
+}
+</code></pre>
 <figure>
     <img src="/media/content/unicode-range/after.jpg" alt="after">
     <figcaption aria-hidden="true">after</figcaption>