when the text is in Italic it is looking good on the chrome browser, but when the same text is seen in Mozilla Firefox it looks more tilted towards the right → means acuter in terms of geometrical appearance.
what is the issue? can this be fixed or it is something browser-based, and nothing can be done.
I’m not sure whether it’s of any help, but this is how it looks in iOS Safari, which to my eye looks slightly different again, though that could be down to the screen size it’s presented as. My guess is that it’s browser differences, or more likely the underlying browser engine. I can’t really test it at the moment though.
I’d be surprised if it did. It can only really override the user agent styling, giving you a base to apply your own choice of styling. It’s kind of italic on / italic off. I don’t think you can modify what italic means for a browser.
Not from where I am at the moment, as I’m on my iPad (no dev tools). Usually, it would be under something like the network tab within dev tools (F12?). If you refresh the page with dev tools open, you should be presented with a list of external resources that have/have not been downloaded.
I’ve never used Google fonts. When you link to a font like that, does that automatically include all versions of the font, or do you need to link to the italic version separately? My understanding is that where a font lacks an actual italic version, browsers will simply skew the “normal” font, which would account for differences between browsers.
Just be aware that you’ve imported a lot of fonts there, which could add quite a lot to your page weight, and so slow it down somewhat. I’d only want to load the font weights I was actually going to use, though this may not be fully apparent in the early stages of the design development.
When you download a custom font you will in most cases need to download the custom variations of that font such as italic and bold etc (assuming you are going to need those styles and weights). If you don’t download the variations then you will get a faux bold or italic effect applied by the browser which will not match the way the font was supposed to be designed (and will vary in browsers).