Fallback font that supports scripts other than latin

[mneunomne]

Besides the obvious layout issues with the different size of string #2246, would be also good to have a fallback font that has UTF-8 support for scripts other than latin that can match this same style (something like impact? i'm not sure). The issue here is with the 'bebas_neue' font that we are using.

[mneunomne]

Found this font "Yanone Kaffeesatz" with free lincense which is condensed and has support for cyrilic alphabets:

https://fonts.google.com/specimen/Yanone+Kaffeesatz?category=Sans+Serif&subset=cyrillic&width=2&noto.lang=bg_Cyrl&noto.script=Cyrl

[mneunomne]

Before:

After:

[mneunomne]

@mushon let me know if this is ok, if you find another font maybe with wider support, let me know and I can substitute.

[mneunomne]

Test fonts for other writing systems:

• Arabic
• Hebrew
• Japanese
• Chinese
• Hindi

[mushon]

I suggest we build the stack like this: 1. Bebas Neue <https://fonts.google.com/specimen/Bebas+Neue?preview.text=ADNAUSEAM&preview.text_type=custom&query=bebas> 2. Roboto Flex <https://fonts.google.com/specimen/Roboto+Flex/tester?vfonly=true&preview.text=ADNAUSEAM&preview.text_type=custom> 3. Noto Sans Display <https://fonts.google.com/noto/specimen/Noto+Sans+Display/tester?vfonly=true&query=noto+sans&preview.text=ADNAUSEAM&preview.text_type=custom> Does that make sense? Mushon Zer-Aviv /// Recent: Friction & Flow Keynote @ RISD <https://youtu.be/J2uV8DByF9g> Normalizi.ng <https://normalizi.ng/> What do normal people look like? <https://www.goethe.de/prj/zei/en/pdk/22769146.html> /// mushon.com <http://mushon.com/> @mushon <http://twitter.com/mushon>

…

On 21 Feb 2023, at 15:46, Alberto Harres ***@***.***> wrote: @mushon <https://github.com/mushon> let me know if this is ok, if you find another font maybe with wider support, let me know and I can substitute. — Reply to this email directly, view it on GitHub <#2288 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAAGT4342XRFQYVWBSPPWRLWYTBMVANCNFSM6AAAAAAVC6XYGQ>. You are receiving this because you were mentioned.

[mneunomne]

@mushon yes, makes sense. I just need to know what width (or other variable axes) should I use Roboto Flex and Noto Sans to match the shape of bebas neue, so it is condensed the same way.

[mushon]

Yes, that’s the idea. They are both variable fonts so you can get pretty close to the width on Bebas with them.

[mneunomne]

Cool, tested now with multiple languges and looks good, they are following the font fallback order as you mentioned:

1. Bebas Neue https://fonts.google.com/specimen/Bebas+Neue?preview.text=ADNAUSEAM&preview.text_type=custom&query=bebas
2. Roboto Flex https://fonts.google.com/specimen/Roboto+Flex/tester?vfonly=true&preview.text=ADNAUSEAM&preview.text_type=custom
3. Noto Sans Display https://fonts.google.com/noto/specimen/Noto+Sans+Display/tester?vfonly=true&query=noto+sans&preview.text=ADNAUSEAM&preview.text_type=custom

Chinese (Traditional)

Japanese

Ukranian

Chinese (Simplified)

Russian

[mneunomne]

Hindi

Bengali

[mushon]

Great, thanks!

[mneunomne]

Implemented, closing.