diff options
| author | Robert Günzler <r@gnzler.io> | 2025-11-22 20:43:31 +0100 |
|---|---|---|
| committer | Robert Günzler <r@gnzler.io> | 2025-11-22 21:25:44 +0100 |
| commit | 3b3528839684d3ee6d73bf09c63d4eefba7a44d2 (patch) | |
| tree | 153d0c046b1651357f21449dbb96c6c91b33c486 /src/inc/unicode-range.htm | |
| parent | 03700da97c6e94ee4e9bc36a3593ec54708b9dc1 (diff) | |
| download | site-3b3528839684d3ee6d73bf09c63d4eefba7a44d2.tar.gz | |
fix styling of code blocks
Signed-off-by: Robert Günzler <r@gnzler.io>
Diffstat (limited to 'src/inc/unicode-range.htm')
| -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> |