CSS embed + flex box + align items center ... font alignment inside line height is wrong adobe!

New Here ,
Oct 10, 2019

Copy link to clipboard

Copied

Hi,

 

im embedding my font Sofia Pro using Adobe fonts on my Bootstrap 4 website.

 

Now, i've came to the harsh conclussion that Adobe does not correctly align the webfont inside the line-height.

 

See examples:

 

test_font_sofia_pro.jpg

 

What this means: using flex-box align center (which aligns items in the real center of a plane) the objects are not visually centered with the text, because Adobe messed up the placement of the font inside the line-height.

 

I cant use margin-top: -1px on ALL the items to fix this problem. Which would result in a lot of css selectors.

 

Please fix the font. I've seen this problem before creating webfonts. It has usually something to do with the compression and placement of pixels which lowers the font inside the line-height.

 

Please fix 🙂 thank you.

Views

142

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

CSS embed + flex box + align items center ... font alignment inside line height is wrong adobe!

New Here ,
Oct 10, 2019

Copy link to clipboard

Copied

Hi,

 

im embedding my font Sofia Pro using Adobe fonts on my Bootstrap 4 website.

 

Now, i've came to the harsh conclussion that Adobe does not correctly align the webfont inside the line-height.

 

See examples:

 

test_font_sofia_pro.jpg

 

What this means: using flex-box align center (which aligns items in the real center of a plane) the objects are not visually centered with the text, because Adobe messed up the placement of the font inside the line-height.

 

I cant use margin-top: -1px on ALL the items to fix this problem. Which would result in a lot of css selectors.

 

Please fix the font. I've seen this problem before creating webfonts. It has usually something to do with the compression and placement of pixels which lowers the font inside the line-height.

 

Please fix 🙂 thank you.

Views

143

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Oct 10, 2019 1
New Here ,
Jun 18, 2020

Copy link to clipboard

Copied

Hello, we encountered the same issue on our web services & design files. Sofia Pro from Adobe services is broken.
Is it possible to do anything to solve the problem? Thanks a lot!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 18, 2020 0
Community Beginner ,
Jun 18, 2020

Copy link to clipboard

Copied

The baseline shift problem seems fairly common but noone from Adobe has bothered to reply about the problem. I've posted here too - using "Obviously" font and there's a clear unwanted baseline shift down by a pixel or two - very cldear in buttons and pulldowns. Will this ever be addressed or even acknowledged?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 18, 2020 0
New Here ,
Jul 23, 2020

Copy link to clipboard

Copied

Hello, did you get a reply or answer to this issue? We're also having this issue in Figma and website.

 

Thank you!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 23, 2020 0
New Here ,
Jul 23, 2020

Copy link to clipboard

Copied

nope, its not fixed. 

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 23, 2020 0