This question is answered. Helpful answers available: 2. Correct answers available: 1.


Permlink Replies: 6 - Pages: 1 - Last Post: 02-Jan-2019 22:10 Last Post By: jGromit
ksmatharu

Posts: 65
Registered: 2-May-2009
Gromit - font for slide titles different in Google Chrome
Posted: 02-Jan-2019 19:46
 
  Click to reply to this thread Reply
Currently on Gromit 58. Just noticed (and it may have been in previous versions of Gromit) that the font for the slide titles in Google Chrome are different to those shown in Firefox and Edge (both at latest versions on Win10 Pro 64-bit).

Example here.
https://www.silentnomad.com/images/argentina/slides/CRW_5454.php

Firefox and Edge are pretty much identical in that regard.
jGromit

Posts: 7,356
Registered: 31-Jan-2006
Re: Gromit - font for slide titles different in Google Chrome
Posted: 02-Jan-2019 19:58   in response to: ksmatharu in response to: ksmatharu
 
  Click to reply to this thread Reply
Attachment ss005023.png (1.2 MB)
Attachment ss005024.png (1.2 MB)
One of the attached screenshots is from Firefox. The other is from Chrome. Which is which?
ksmatharu

Posts: 65
Registered: 2-May-2009
Re: Gromit - font for slide titles different in Google Chrome
Posted: 02-Jan-2019 21:01   in response to: jGromit in response to: jGromit
 
  Click to reply to this thread Reply
On my system, at least, Chrome has the fatter more rounded font :^
jGromit

Posts: 7,356
Registered: 31-Jan-2006
Re: Gromit - font for slide titles different in Google Chrome
Posted: 02-Jan-2019 21:06   in response to: ksmatharu in response to: ksmatharu
 
  Click to reply to this thread Reply
Attachment ss005025.png (8.4 KB)
Browsers don't render fonts identically, pixel-for-pixel, but the differences are very small.

But if you're seeing something like the attached screenshot, you've got a simple browser cache issue. Either that, or you've got something set in Chrome that's blocking the loading of the Google font, and it's falling back to Verdana. The developer's console in the browser should reveal that problem - look at the "Network" tab, and check for 404's.
ksmatharu

Posts: 65
Registered: 2-May-2009
Re: Gromit - font for slide titles different in Google Chrome
Posted: 02-Jan-2019 21:51   in response to: jGromit in response to: jGromit
 
  Click to reply to this thread Reply
Your two original screenshots show two different renderings of the text. Enough to make me think that different fonts are being displayed. So unlikely to be due to a browser cache issue on both your machine and mine. I've deleted Chrome's cache to hell with its option to nuke everything anyway.

In Chrome developer, getting no 404 messages. All are at 200.

But having looked at the html and CSS, I now think that Chrome chooses a font from the CSS list in a different order from Firefox and Edge. Or I'm being incredibly picky in how the same font is rendered differently :^

In either case there's probably very little (if anything!) that you can do! I'm marking this as answered and will spend a bit more time testing. If I find anything else, I'll post back to this thread. Ta.
jGromit

Posts: 7,356
Registered: 31-Jan-2006
Re: Gromit - font for slide titles different in Google Chrome
Posted: 02-Jan-2019 21:55   in response to: ksmatharu in response to: ksmatharu
 
  Click to reply to this thread Reply
ksmatharu wrote:
I now think that Chrome chooses a font from the CSS list in a different order from Firefox and Edge.

Not even remotely possible.

Or I'm being incredibly picky in how the same font is rendered differently :^

Bingo.

If every browser did everything exactly the same way, there would be no need for more than one browser in the world.
jGromit

Posts: 7,356
Registered: 31-Jan-2006
Re: Gromit - font for slide titles different in Google Chrome
Posted: 02-Jan-2019 22:10   in response to: jGromit in response to: jGromit
 
  Click to reply to this thread Reply
BTW, the shape of the letters is identical in Firefox and Chrome. What's different is that Chrome interprets "bold" with a bit more forcefulness.

But besides that, I see that you have done some manual editing of the CSS file, including a number of syntax errors.

Please don't send me on these kinds of wild goose chases.
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums