Commissioner icon indicating copy to clipboard operation
Commissioner copied to clipboard

Uppercase characters are vertically misaligned in the text line

Open myandrienko opened this issue 11 months ago • 3 comments

For vertical alignment purposes it's convenient to have uppercase characters aligned to the middle of the text line. For that, descender metric should be equal to (ascender - cap height). This is also a recommendation from Google Fonts: https://googlefonts.github.io/gf-guide/metrics.html#9-uppercases-should-be-centered-in-the-text-line

In Commissioner, the metrics are:

Ascent: 2034 Descent: -412 Cap height: 1426

So the gap above the top of uppercase characters is $2034 - 1426 = 608$ units, but the gap below is just 412 units.

I suggest to increase descent, decrease ascent, or both.

myandrienko avatar Apr 03 '25 12:04 myandrienko

@myandrienko I am aware of the uneven metrics. However it is not high on my priorities to do any work on Commissioner at the time being. I'll keep your request in mind though. Thanks.

kosbarts avatar Apr 03 '25 13:04 kosbarts

@kosbarts Thanks for the response!

If anyone else encounters this problem when using Commissioner as a web font, the following solution works in modern browsers except Safari:

@font-face {
  font-family: "Commissioner";
  /* ... */
  ascent-override: 96.3%;
  descent-override: 25%;
}

This sets ascent to 1926 (0.963em given 2000 units-per-em of Commissioner), and descent to 500 (0.25em).

myandrienko avatar Apr 04 '25 00:04 myandrienko

Since this a published Google Font we can't make a change in the vertical metrics. I am sorry.

kosbarts avatar Apr 16 '25 05:04 kosbarts