From 1bf57af991cde1b659207846e6e2856d730fcc6d Mon Sep 17 00:00:00 2001 From: Robert Günzler Date: Mon, 17 Mar 2025 21:46:18 +0100 Subject: % update site MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Robert Günzler --- src/inc/unicode-range.md | 39 --------------------------------------- 1 file changed, 39 deletions(-) delete mode 100644 src/inc/unicode-range.md (limited to 'src/inc/unicode-range.md') diff --git a/src/inc/unicode-range.md b/src/inc/unicode-range.md deleted file mode 100644 index fdadf2d..0000000 --- a/src/inc/unicode-range.md +++ /dev/null @@ -1,39 +0,0 @@ - -While working on my custom [Anki] cards for learning Japanese and Turkish, I -found that my font of choice for Japanese [IPAex] was not properly supporting -glyphs used by Turkish, like [ğ]. - -![before](/media/content/unicode-range/before.jpg) - -To fix this i am using a property of the `@font-face` 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. - -```css -@font-face { - font-family: "IPAexGothic"; - src: - local("IPAexGothic"), - url("_ipaexg.ttf"); - unicode-range: - U+0020-007F, - U+3000-303f, - U+3040-309f, - U+30a0-30ff, - U+ff00-ffef, - U+4e00-9faf; -} - -.card { - font-family: - IPAexGothic, - Noto Sans, - sans; -} -``` - -![after](/media/content/unicode-range/after.jpg) - -[Anki]: https://apps.ankiweb.net/ -[IPAex]: https://ja.wikipedia.org/wiki/IPA%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88 -[ğ]: https://en.wikipedia.org/wiki/%C4%9E -- cgit 1.4.1