Font Problem with Safari on mobile devices

Design help General
1

Hey guys :slight_smile:

I have a little problem with integrating a custom font into my webflow project.
In Mozilla and Chrom the font shows up perfectly but in Safari(Version 11.0.1 (12604.3.5.1.1)), not all font styles render correct.

I upload all different kinds of font formats into my project.

Any solutions?

Best regards :))

screenshot-webflow-com-dashboard-sites-rookiebrand-fonts-1511465304069
screenshot-webflow-com-dashboard-sites-rookiebrand-fonts-15114653040691787×7693 1.29 MB

2

Hi @Fabrice_Pohlmann, a few questions to help get this resolved.

  1. Can you please share the link to the pubished page having the issue
  2. If possible can you create a screenshot of the elements in question
  3. What is the name of this custom font and from where did you generate that?

One helpful step is to generate new webfonts from fontsquirrel webfont generator and then upload new fonts and remove old ones. Upload all versions of the font .eot, .woff, .otf and .ttf.

I hope this helps.

3

Hi @cyberdave,

thanks for your answer!

  1. This is my site: www.rookiebrand.de
  2. Affected are all fonts on the site.
  3. The font is called TT Norms and it’s from https://www.fontshop.com/
    (It´s a high-quality font so I wonder that it doesn’t work)

All the best
Fabrice

4

@cyberdave uploading the font on fontsquirrel is not allow because of legal issues :confused:

5

Hi @Fabrice_Pohlmann, thanks, could you please contact our support desk at support@webflow.com and send a copy of the font to me so that I can test that font?

Thanks in advance,
Dave

6

Hey @cyberdave,

I chatting with the support now and were looking for a solution for the problem. It seems that the font renders, but they do look different due to low-res vs. hi-res and spacing different due to pixel density on devices.

Thanks for your help!

1 Like
7

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.