Add font family and font size options.

[programnoir]

Time to add fonts and font options to the project. The goal is not to offer a variety of font options for aesthetic themes, but to utilize fonts that are designed with intent of improving accessibility.

(English) Accessibility fonts:

• Atkinson Hyperlegible - General purpose, balances aesthetics and targets a wide variety of vision issues that people experience. Has its own permissive license that allows for incorporation into the project.
  • https://brailleinstitute.org/freefont
• Lexend - Variations designed to increase reading fluency and reduce errors with a clearer font face with spaced lettering. Measured in a classroom environment to improve fluency by roughly 20%.
  • https://www.lexend.com/
• OpenDyslexic - Specialized font, widely known and used in a variety of applications already.
  • https://opendyslexic.org/

Language fonts:

• Noto Sans - Covers over 1,000 languages, licensed with Open Font License.
  • https://fonts.google.com/noto
  • https://fonts.google.com/noto/specimen/Noto+Sans+JP
• LiS Font Walnut/LiS Font Cashew
  • Two dyslexia-friendly font families developed by researcher Xinru Zhu and colleagues at the University of Tokyo.
  • Edit: These fonts are not yet available to the public, but they're working on another font (https://www.jibun-font.com/).
• UD Digital Kyokashotai (https://www.typebank.co.jp/fontfamily/uddkyo/)
  • Universal-design font, with evidence-based improvement for those with dyslexia/amblyopia.
  • Appears to require a license before it can be used.
• BIZ UD Gothic (https://github.com/googlefonts/morisawa-biz-ud-gothic)
  • Recommended as a possible open-sourced alternative font.

[programnoir]

Probably the best way to approach this is for a list of fonts be specific to the languages they support. Currently the project aims to support English and Japanese, so I'll start with that.

[programnoir]

Currently have an implementation set in it (settings menu only for now) but I'm looking for help polishing it a bit.

[programnoir]

Current difficulties implementing involve fonts whose sizes grow too large for the layout:

• Focus neighbor auto-detection breaking, resulting in navigability being affected.
• ScrollContainer elements becoming completely inaccessible, making configuration impossible.
• Difficulties viewing content that can undo the changes.

Main fix is to impose limits on font sizes. Main issues are:

1. Window sizes and game scales (mainly game scale) affect what is a reasonable limit.
2. Fonts vary in presented size, meaning that each font has its own limits.

Possible resolutions:

1. Try to unify font presentation using scaling according to the first font.

• Custom fonts added after would need to be specified as the default via const.

2. Set universal limits according to the default game scale. Per project, this would need to be configured again. Making an array for each game scale's font size limits would be ideal.

[programnoir]

Additional issue is that the controls tab's center contained grid does not wrap or clip at certain font sizes. Difficulty 2 in previous post occurs if we try to set columns to 1. Font size limit still the solution, just noting.