Skip to main content
Carly30961649vv0x
Participant
August 26, 2024
Question

Effra CC Variable incorrect x-height

  • August 26, 2024
  • 2 replies
  • 257 views

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?

2 replies

Participant
July 15, 2025

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.

Participant
July 16, 2025

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?

Carly30961649vv0x
Participant
August 26, 2024

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