Custom font not rendering on mobile no matter what I do

Need help Mobile
1

I have a problem where the custom font I’m using does not render on mobile devices.

I’ve tried to upload it as ttf, otf, and woff.

I have to use it because our landing page (which was created with elementor) and our materials already use this font.

The font is Sanshiro Display

image
image931×342 23.1 KB

The font on desktop:

image
image418×503 24.4 KB

The font on mobile:

IMG_ED1657D98642-1
IMG_ED1657D98642-11242×1618 147 KB

2

Can you share screenshots of the text? Do you have any conditionals on it?

3
  • What kind of mobile device?
  • Does it render correctly on any browser on mobile?
  • When you Inspect → the CSS (assuming you can repro this issue on Google Developer tools), what does it say the font-family is?
4

No conditions

image
image594×1588 86.3 KB

5

It’s on iphones on Safari

6

Test with another font and see if it displays correctly. Also test with different browsers to see if the issue persists. If it does, submit a bug report.

There’s really no apparent reason it shouldn’t display.

Has it been solved yet?