admin管理员组

文章数量:1122832

I am using Wordpress to construct my site, this issue is very new and no plugins seem to be causing it.

The fonts do not load properly ONLY in the desktop version of Safari and Firefox

The preferred view can be seen below in Chrome and mobile devices:

The unpreferred view can be seen below in the Desktop version of Safari and Firefox:

See for yourself: www.TattiniBoots

Any help is appreciated

I am using Wordpress to construct my site, this issue is very new and no plugins seem to be causing it.

The fonts do not load properly ONLY in the desktop version of Safari and Firefox

The preferred view can be seen below in Chrome and mobile devices:

The unpreferred view can be seen below in the Desktop version of Safari and Firefox:

See for yourself: www.TattiniBoots.com

Any help is appreciated

Share Improve this question edited Jan 13, 2020 at 16:32 user2592356 asked Jan 12, 2020 at 22:48 user2592356user2592356 264 bronze badges 3
  • Can you be more specific? At first glance the only bit that looks wrong to me (Windows Chrome and Firefox, comparing to iPhone Safari) "WELCOME TO TATTINI BOOTS Premium Italian English Riding Dressage Boots" and that doesn't look like in a font you're loading. – Rup Commented Jan 13, 2020 at 9:43
  • However there are different ways of embedding fonts using different file formats, so if it does vary between browsers it might be because the browsers want fonts in different formats. So it might be worth checking exactly what the problem browsers are trying to load, and that the font embedding CSS is set up correctly for that format by whatever mechanism you're using (plugin? theme?) – Rup Commented Jan 13, 2020 at 9:44
  • Images have been added to demonstrate what is preferred/unpreferred – user2592356 Commented Jan 13, 2020 at 16:32
Add a comment  | 

2 Answers 2

Reset to default 0

It's because you're only specifying font-family: Marcellus; inside a @media (max-width: 600px) {}, and your desktop browsers are wider than that. Everything else is using the default stack of "Helvetica Neue, Helvetica, Arial".

This was simply a plugin issue with Product Suggestions for WooCommerce: https://wordpress.org/plugins/cart-products-suggestions-for-woocommerce/

In the instance that a new issue occurs that was not taking place prior to installation, it can almost always be attributed to a plugin issue

本文标签: Fonts not loading in Desktop version of SafariFirefox