@ font-face and CSS3 work locally, but not on hosting

I have a little strange for you (so to speak). I designed a small page "soon" for my site that works fine locally (by setting up WAMP) - in browsers that can work (for example, Chrome and Safari), the page looks great and has a nice little CSS3 transition effect on hover. And in other browsers, the page clearly looks (practically) identical, and the freezing effect still works, just without a transition.

After uploading to my hosting site, it still looks great and works fine in Chrome and Safari, but for some reason, the @ font-face ads didn't seem to work in Firefox, and the layout is slightly different in IE.

I am very puzzled! The files on my hosting are identical to those that I have locally.

URL http://iamfriendly.com/

CSS files are visible at:

http://iamfriendly.com/wp-content/themes/iamfriendly_comingsoon/css/screen.css

and

http://iamfriendly.com/wp-content/themes/iamfriendly_comingsoon/css/typography.css

Any suggestions would be greatly appreciated!

Richard

+3
source share
1 answer

Files in multiple domains complicate the situation .

+3
source

Source: https://habr.com/ru/post/1745661/


All Articles