Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Sofia Pro, some letters are different in webfont

New Here ,
Aug 05, 2023 Aug 05, 2023

Hi! 

We need to use a Sofia Pro font in a client's project and we have noticed that at least the letters "y" and "w" look completely different when the font is used in the website. The demo on Adobe Fonts site looks OK, also the Font file we are using in Figma. Please see the attachment.

 Any ideas? 

TOPICS
Font rendering , Product issue
451
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 06, 2023 Aug 06, 2023
LATEST

I am not sure as I don't use Figma (and don't have that font installed) but would it be possible that that specific font contains alternates? As in: multiple choices for each letter such as in my screenshot below

Imaginerie_0-1691353361370.png


In this example, I can have two possible O, and I can choose the one I want by using the Glyph panel in Adobe products (there might be an option in Figma as well)
Generally those varaiations include flourishes, and alternate designs, including sometimes silly ones 🙂

Imaginerie_1-1691353513784.png

 

Imaginerie_2-1691353578975.png

It could be that, or maybe a variation of the same font (extended VS regular, that kind of thing) and one isn't recognised and thus, switches automatically to the other one.
In the latter case, check if you have several variations installed and try to de-activate the unneeded one, so you know if it generates an error or not, instead of replacing.

Imaginerie_3-1691353737655.png

I see 3 families here, so I would stick to activating just one for tests.

when it comes to looking for alternate letters, I can see the font designers are doing a spendid job 🙂

Imaginerie_4-1691353892163.png

Alternates, ligatures, the whole shebang!
See what they show on their website
https://www.motyfo.com/font-family/sofia-pro/


this is the y with the alternates on

Imaginerie_5-1691353988693.png


and this is the standard y

Imaginerie_6-1691354026339.png

 

 

so that sounds like you might need to look at Figma to make it choose one version or the other.

 

 

 

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