Jump to content

Custom font upload on website not pulling through to mobile view

Recommended Posts

  • Replies 10
  • Views 586
  • Created
  • Last Reply

Some Font files cant be read by mobiles 

you should upload font file with at least three types of files TTF OTF WOFF so all platforms can read the files.


@font-face {
font-family: 'FONTNAME';
src: url.ttf),
url.otf),
url.woff),;
}

* {
    font-family: 'panama' !important;
 

 

 

Link to comment
On 9/8/2020 at 4:53 PM, El1z4b3th said:

Hi both, thanks for your help!

Unfortunately I only have TTF from the font file. The others were not provided when I downloaded 😞

All elements containing 'Zamo' font are having problems on mobile. Instead the elements show up with a default square space font... 

Your site is private. Can you setup password & share url?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
On 9/25/2020 at 9:52 PM, El1z4b3th said:

Hi @tuanphan sorry for my late response: 

Site: stdemetrius.uk Password: Hello123

Hi. I see mobile fine here. Did you solve?

If no, can you take a screenshot on mobile?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

I can confirm that on an iPhone 5, iOS v10.x and Safari that the Zamo font does not display. Which is a bit odd considering Apple developed the TrueType format. 🙂 Also in Safari on macOS.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

 

On 9/26/2020 at 11:59 PM, tuanphan said:

Hi. I see mobile fine here. Did you solve?

If no, can you take a screenshot on mobile?

Hi @tuanphan please see attached screenshot. The words in capital should be in Zamo font. The problem is site-wide. Cheers! 

On 9/27/2020 at 2:46 AM, creedon said:

I can confirm that on an iPhone 5, iOS v10.x and Safari that the Zamo font does not display. Which is a bit odd considering Apple developed the TrueType format. 🙂 Also in Safari on macOS.

Thanks for confirming @creedon I'm using an iphone 11 pro and having the same display issues. Really annoying it doesn't display on mac either! Fingers crossed there's a solution - could be an Apple-only display issue?

 

8f991c7c-1d52-4ba9-b6b0-ef3dab484a9a.jpg

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.