about summary refs log tree commit diff
path: root/src/inc/unicode-range.htm
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--src/inc/unicode-range.htm32
1 files changed, 14 insertions, 18 deletions
diff --git a/src/inc/unicode-range.htm b/src/inc/unicode-range.htm
index 727f596..1bfaa5d 100644
--- a/src/inc/unicode-range.htm
+++ b/src/inc/unicode-range.htm
@@ -1,26 +1,23 @@
 <p>While working on my custom
-    <a href="https://apps.ankiweb.net/" target="_blank">Anki</a>
-    cards for learning Japanese
+  <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
+  <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>
+  <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>
+  <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
+  <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 {
+    unicode range and force fallback to the next font in the set.</p>
+<pre><code>@font-face {
     font-family: "IPAexGothic";
     src:
         local("IPAexGothic"),
@@ -39,9 +36,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>
+  <img src="/media/content/unicode-range/after.jpg" alt="after">
+  <figcaption aria-hidden="true">after</figcaption>
 </figure>