diff options
Diffstat (limited to '')
| -rw-r--r-- | src/inc/unicode-range.htm | 34 |
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> |