Baseline too low in Web Project

Forum|Forum|5 years ago
January 13, 2021
2 replies
1299 views

Hi there,

I'm using the font 'Franklin Gothic' on several websites by using Adobe Font Web Projects, but since recently I'm experiencing a issuee with that.

The baseline of the font has dropped, so the fonts are positioned too low. This happens on several of my websites using the Web Project, but also on adobe.fonts.com.

Here you see the problem on adobe.fonts.com – note that the baseline differs between font variants:

Here you see the problem on one of my websites – note the 'Lees meer' button:

I tested this on both Mac, PC and iPhone and the problem occurs on all devices and all browsers tested. Since the issue also occurs on Adobe's own website, I think the problem is on their side.

Any ideas on how to solve?

This topic has been closed for replies.

R

raffjones

Participating Frequently

I am also seeing this on two projects I'm running - it's very frustrating. This is using the Sofia Pro font. The other uses Quiet Sans but it's exactly the same issue.

Tarun Saini

Community Manager

Hi @raffjones,

Could you please share the live URL of the website with us via private message so we can check the issue? We're here to help, just need some info.

Regards,

Tarun

Tarun Saini

Community Manager

Hi Tarun - just following up to see if there was any further development here? I'm continuing to see the problem when using Quiet Sans and Sofia Pro.

Hi, could you please remove the link you've shared above and share it with me via private message?

gjfonts

New Participant

Same thing is happening for Nobel. I removed the padding and set the line-height to 1 and this is what happens on the font page: https://fonts.adobe.com/fonts/nobel

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded