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