inter icon indicating copy to clipboard operation
inter copied to clipboard

90º terminals at all optical sizes

Open chrisyalamov opened this issue 1 year ago • 7 comments

I would like to propose a stylistic set which retains angle of terminals at 90º (as they are at opsz max) across all values along the opsz axis.

Screenshot 2024-07-31 at 03 12 10

I realise and appreciate this was likely a very deliberate design decision. However, I believe it's worth considering the addition of a stylistic set with 90º terminals (while preserving other modifications for adjusting optical size like the x-height), as it might help achieve a particular appearance consistent with Inter's Neo-grotesque nature.

Having used Inter in some recent projects, where Inter was deliberately selected for the way it looks at a large optical size, the 'look and feel' was significantly different at a smaller size.

chrisyalamov avatar Jul 31 '24 03:07 chrisyalamov

Would be a nice addition. Akzidenz-Grotesk style

rsms avatar Nov 15 '24 21:11 rsms

love the idea, but personally i'd prefer if the x-height didn't change either; just more spacing between characters

ericjamesonline avatar Jun 16 '25 11:06 ericjamesonline

You can somewhat achieve this currently:

Image

The way to do this is by setting the maximum optical size and adjusting for the really tight tracking that reduces readability at smaller sizes. You would need to increase the tracking according to:

  • the font size (inversely proportional), and
  • the font weight (proportional)

To demonstrate visually:

Image

There's no trivial way to achieve this with CSS but you can play around with rem units and CSS variables. I had some code I used for a past project to achieve this— I'll see if I can find it.

chrisyalamov avatar Jun 16 '25 17:06 chrisyalamov

I have a question: How do you use optical sizing for Inter? It's in the Google Fonts version, but not in yours. :(

ghost avatar Jul 31 '25 23:07 ghost

I have a question: How do you use optical sizing for Inter? It's in the Google Fonts version, but not in yours. :(

The Optical Size axis is available in both variable fonts versions - the version from here in the repo and the version from GF. GF does supply some static fonts at various optical sizes (which is very unusual for them). I do not know why the Display optical size statics are no longer included in the repo releases. And the Display pre-defined instances are also no longer in the VF fonts. Don't know why. Does not make sense to me.

Awhile back I made a version for LibreOffice which included instances for Text (opsz 14pt) and Display (opsz 32pt), and I added opsz 18pt, 24pt, and 28pt - for 45 instances (5 opsz x 9 wght). Been meaning to update it to v4.1.

What application are you using?

kenmcd avatar Aug 01 '25 00:08 kenmcd

@kenmcd Oh :(

I'm using HTML

ghost avatar Aug 01 '25 16:08 ghost

@kenmcd Oh :(

I'm using HTML

Did you use font-variation-settings to set the opsz axis? Example: font-variation-settings: "opsz" 32;

Note that font-optical-sizing: auto; does not work properly in some browsers. The best practice is to set it explicitly, as noted above.

kenmcd avatar Aug 01 '25 17:08 kenmcd