The 'Ahem' Font
web-platform-tests.org
web-platform-tests.org
> The web-platform-tests project is a cross-browser test suite for the Web-platform stack. Writing tests in a way that allows them to be run in all browsers gives browser projects confidence that they are shipping software which is compatible with other implementations, and that later implementations will be compatible with their implementations.
https://web-platform-tests.org/
> Tests should be as cross-platform as reasonably possible, working across different devices, screen resolutions, paper sizes, etc. ... Fonts cannot be relied on to be either installed or to have specific metrics. As such, in most cases when a known font is needed, Ahem should be used and loaded as a web font. In other cases, @font-face should be used.
https://web-platform-tests.org/writing-tests/general-guideli...
What this font gives you is a bunch of boxes and lines with well-defined, predictable sizes and positions, which makes it very easy to validate that your text rendering/layout is at least somewhat sane.
https://hydrock.github.io/AhemFont/
It's used for testing line heights (still confused about how though)
The ideal result is that each engine is able to render the same test and verify that their layout, etc is exactly correct.
Also, why use these weird characters (X, p, É, Chinese characters) for the test glyphs? What's wrong with simple ASCII?
p possesses maximum "descent" for a character (the bit below the baseline on a font).
É not only meets the traditional "ascent" but exceeds it since diacritics normally extend past the traditional ascent on a capitalized letter.
These aren't the only characters that possess these values (although, I assume some selected code points are unique), but just ones that do.
It's for rendering in Browsh, a text-based web browser: https://github.com/browsh-org/browsh/issues/75