Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Font Loading Problem On Mac Rate Topic   - - - - -

 

Posted 23 August 2019 - 12:12 PM #1

Hello,

 

I have a custom font on my site (some coffee beans) and it works fine mostly. But when I access the site from a Mac, it looks like this:

Attached File  font problem.png   55.82KB   1 downloads

 

Normally it looks like this:

Attached File  normally looks.JPG   17KB   0 downloads

 

When I look for it on the network tab of the inspector, the font is present on all other OS except Mac.You can see that the font is loading somehow, but it looks really weird. The color isn't filled and you can only barely see the outline.

Does anyone know what could be the problem?

 

 



 
  • avoronin
  • CS-Cart Team
  • CS-Cart Architects
  • Join Date: 23-Oct 17
  • 5 posts

Posted 23 August 2019 - 08:16 PM #2

1. You do not have a font compatible with Mac?
2. You can use SVG instead of fonts.

 

Posted 26 August 2019 - 05:18 PM #3

1. I don't know honestly. What makes a font compatible with mac? I saw a similar problem with google font and it was solved by writing "!important" somewhere in the font css. Also, the problem may be only on some Mac versions, can't verify since I have only 1 machine.

 

2. Yeah, I guess I'll give it a try. Thanks.



 
  • poppedweb
  • Authorized Reseller
  • Members
  • Join Date: 02-Aug 16
  • 543 posts

Posted 27 August 2019 - 09:47 AM #4

Hello,

 

I have a custom font on my site (some coffee beans) and it works fine mostly. But when I access the site from a Mac, it looks like this:

attachicon.gif font problem.png

 

Normally it looks like this:

attachicon.gif normally looks.JPG

 

When I look for it on the network tab of the inspector, the font is present on all other OS except Mac.You can see that the font is loading somehow, but it looks really weird. The color isn't filled and you can only barely see the outline.

Does anyone know what could be the problem?

 

It might be the user agent stylesheet that gets send along. Could you show me how you use your fonts?


PoppedWeb | sales@poppedweb.com | https://poppedweb.com
TurnKey Website Design | Add-Ons | Performance Audits | Dedicated Server Management
24/7 Support | Response within an hour (during working hours).