Skip to main content
Z
ZivoDesign
Known Participant
June 16, 2020
Question

webfont render problem between Chrome MAC and Chrome Win10

  • June 16, 2020
  • 1 reply
  • 531 views

I am working on a project and use typekit web project with this ID

<link rel="stylesheet" href="https://use.typekit.net/dev7tfx.css">

The Font I use is Objektiv-MK1

 

since the issue appears to happen yesterday I built a simple page to test it
https://zivo.co.il/1st/font-test.html
I checked it and there is a difference where the font baseline is, making the page look very different and not aligned between those two OS's if I set it right on WIN10 then MAC looks off and vice-versa.

 

see images below: (both on chrome)
Top image - Win10 correct alignment
bottom image - Mac OS to low

 

How can I solve it my project is now stuck I based it on this font and I can't show it to my client with this kind of difference

    This topic has been closed for replies.

    1 reply

    S
    stevenm33329052
    Inspiring
    June 17, 2020

    I have the exact same issue with the "Obviously" font - now the visuals are approved and we're building the site there is a notable baseline shift going on. Pulldowns have the text slightly lower than it should be, form fields are off, buttons are off too. Is there a work around for this?

     

      Z
      ZivoDesignAuthor
      Known Participant
      June 17, 2020

      I am sure it has to do with data inside the Webfont files,

      something related to the baseline render between legacy and modern rendering or something like this.

      The problem is not between browsers it's between Operating Systems so it the OS or settings within the font

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