Skip to main content
R
robv48895297
New Participant
October 10, 2019
Question

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

  • October 10, 2019
  • 5 replies
  • 3278 views

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:

 

 

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.

      5 replies

      M
      matiaspitters
      New Participant
      March 5, 2022

      I contacted the type foundry over Twitter. they got back with good news.

      "Hi Matías. I have made new line-height for Sofia Pro Below a test with buttons with one line and 2 lines."

       

      I haven't tested the font yet as I ended up downloading it from myfonts.com. ¿Can anyone confirm the new line height is working when serving Sofia Pro from Adobe? Thanks

        F
        Fyndorfil
        New Participant
        October 5, 2023

        I'm facing the same issue and can confirm it is NOT fixed yet in Adobe, even though the creator of the font files updated the fonts over a year ago.

          S
          Sachin3218145799u5
          New Participant
          November 1, 2023

          We are facing the same issue and would appreciate any update on this. I will also reach out to Adobe support team and update here again if we get any leads on it.

           

           

          S
          smks89
          New Participant
          May 4, 2021

          Hello we are also having this issue, causing us a real headache. Can anyone from Adobe look into correcting it please??

          T
          Test Screen Name
          Brainiac
          May 4, 2021

          Although Adobe include the font in their offering, it isn't a font they made. I imagine they cannot fix fonts made by other foundries. I suggest you contact the original font foundry. It may be that they fix it, and that one day (perhaps) the fix would come into Adobe's offering. https://fonts.adobe.com/foundries/mostardesign

          S
          smks89
          New Participant
          May 4, 2021

          Thanks for the response. I have contacted the author so let's see what happens 🙂

          M
          MatlabMaster
          New Participant
          February 3, 2021

          Hello, we are having the same problem with the Sofia Pro fonts. I would love to see a fix for this as well, as it makes the font useless in some applications.

            Josh Baron
            Josh Baron
            New Participant
            July 23, 2020

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

             

            Thank you!

            R
            robv48895297Author
            New Participant
            July 23, 2020

            nope, its not fixed. 

             

            S
            Swapcard
            New Participant
            June 18, 2020

            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!

            S
            stevenm33329052
            Inspiring
            June 18, 2020

            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?

            Terms & ConditionsAccessibility statement
            Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices