Vertical Metric Issue with Some Fonts
There's a vertical alignment issue with two Adobe fonts – Area Variable and Loretta Variable – when embedded via Adobe embed. Text displays high on the line, and no CSS adjustments seem to fix it.
Area Variable: https://fonts.adobe.com/fonts/area-variable
Loretta Variable: https://fonts.adobe.com/fonts/loretta-variable
The fonts also show the misalignment on the Adobe Fonts site itself.
This appears to be a recurring problem with Adobe Fonts based on a number of similar reports for other fonts:
- https://community.adobe.com/t5/adobe-fonts-discussions/where-should-users-report-vertical-metric-issues/m-p/11749585
- https://community.adobe.com/t5/adobe-fonts-discussions/all-projects-with-aktiv-grotesk-show-the-font-being-offset-vertically-see-images/m-p/10908435
- https://community.adobe.com/t5/adobe-fonts-discussions/please-fix-quot-objektiv-mk1-quot-font-vertical-metrics-please/m-p/11217900
- https://community.adobe.com/t5/adobe-fonts-discussions/itc-avant-garde-gothic-vertical-alignment-issue/m-p/11551936
- https://community.adobe.com/t5/adobe-fonts-discussions/jaf-facit-excess-spacing-above-text/td-p/11743878
- https://adobefonts.uservoice.com/forums/940222-adobe-fonts-feature-requests-and-feedback/suggestions/46644799-rustica-font-vertical-metrics-need-fixing
- https://adobefonts.uservoice.com/forums/940222-adobe-fonts-feature-requests-and-feedback/suggestions/47175946-vertical-metrics-bug-on-azo-sans
- https://adobefonts.uservoice.com/forums/940222-adobe-fonts-feature-requests-and-feedback/suggestions/48662846-greycliff-and-other-font-cross-browser-baseline
- https://adobefonts.uservoice.com/forums/940222-adobe-fonts-feature-requests-and-feedback/suggestions/47289965-d%C3%A9calage-police-roboto
Roger Yamashita
shared this idea
-
Hi Roger,
Thank you for reporting this issue. We will look into resolving this.
In the meantime, please refer to https://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align for additional help for centering CSS fonts across different browsers.