Skip to main content
Carly30961649vv0x
Participant
Aug 26, 2024 7:37 PM UTC
Question

Effra CC Variable incorrect x-height

Hello!

 

I am currently working on a project that uses the font Effra CC Variable

 

When importing the font into our project using typekit, the font has 20% leading at the bottom of the font instead of distributing it equally as `line-height` does. This is confirmed by brining the font into illustrator - the leading at the bottom is set to auto. Programs like Figma and Illustractor are able to remove this leading (Figma removes it automatically), but it cannot be done on the web via typekit.

 

 

However, the original font created by Dalton Maag does not have the high x-height. On web projects, this is causing issues with centering within buttons, etc.

 

Adobe CC:

Dalton Maag site

 

Solutions attempted:

  • `Line-height` has no effect on the bottom 20%, as any additional line height just gets added to the spacing already present.
  • Setting a `descent-override` --  because we are importing with typekit, we cannot set a `descent-override` in the `@font-face`. Furthermore, this solution is not supported in Safari.
  • Creating solutions on a case-by-case basis -- This is the current solution, but if it ever gets fixed, we will have to go back and fix accordingly.

 

Questions:

  1. Can the font be adjusted to match the original source?
  2. If one cannot be done, Is there a way to adjust the x-height for the web?

3 replies

Participant
Jul 15, 2025 10:01 AM UTC

Just adding my vote for getting this fixed. We would really like to be able to use the variable font, if possible. Thanks for the tip on the non-variable version.

Translate
Participant
Jul 16, 2025 12:52 PM UTC

EDIT: I encountered line-height issues with all Effra fonts on Adobe. The best was Effra (no cc), but that too has a tall line height which does not center vertically alongside icons for web projects. For example:

 

 

I can see a very tall line height on the Adobe Fonts page:

 

Compare this to the default `sans-serif` font:

 

And compare it to the Effra front from the Dalton Maag site, which has a reasonable line height :

 

Anyone know if there's any way to notify Adobe of this problem?

Translate
Carly30961649vv0x
Participant
Aug 26, 2024 8:04 PM UTC

EDIT: The non-variable font is centered correctly https://fonts.adobe.com/fonts/effra-cc

Translate