5 ms·
Nitpicking: It seems you might have an issue with font loading - for me (Firefox on Linux), it reverts to font-weight 100, making the text (which is missing <p>
by skore 12y ago
Nitpicking: It seems you might have an issue with font loading - for me (Firefox on Linux), it reverts to font-weight 100, making the text (which is missing <p> tags, by the way) almost completely unreadable.
Fig A.: http://i.imgur.com/9rLQwQQ.png http://i.imgur.com/9rLQwQQ.png
- FranOntanaya 12y agoFirefox on Ubuntu 14.10, same effect here.
- wlesieutre 12y agoWorking fine in my Ubuntu 14.10 VM (Firefox 35). It's inheriting font-weight: 300 from <body> and rendering as expected. The use of <br></br><br></br> instead of <p> does feel distinctly mid-90s though. Especially since <br> isn't even supposed to have an end tag. If you're doing XHTML it's <br />, but for HTML all you need is <br>.
- brianwski 12y agoBrian from Backblaze here. I keep complaining to the visual designer about this, I can't figure out why this is so hard to fix. What's really strange is it often looks GREAT in some web browsers nobody would ever use (IE) but in Chrome on Windows the lower case "g" characters are almost unreadable and disappear. If only somebody knew how to fix this? How did you detect it was missing < p > tags? Is there a tool the designers could error check against to see this error?
- atYevP 12y agoYev from Backblaze here -> WE'RE WORKING ON IT BRIAN!
- skore 12y ago> How did you detect it was missing < p > tags? Just opened it up in the inspector in Firefox, no black magic here ;-) I would definitely look into your font names - it tells me that "Lato-Hairline" is used as: "Lato" and "Lato Regular" is used as: "@font-face:Lato". So perhaps the issue is that Lato-Hairline is the font-weight = 100 and Firefox picks it over the other one, only finds the single font-weight and sticks with it? Just a guess though, webfonts can be weird. For instance: For Chrome, it can depend on what version you use. Just today I ran into a font rendering bug similar to this one where Chromium versions 37&38 had their font-weights switched so that 300 ended up as 500 and 500 was also picked for "normal". So the bug report "all fonts are bold and it looks terrible" resulted in "CANTFIX old Chrome be weird", basically.
- brianwski 12y agoCool, thanks! I have forwarded the info, it's actually been driving me slightly bonkers. The designer uses a Macintosh, but my primary development box with a 30" monitor happens to be BOTH Macintosh OR Windows (KVM switch) and when I see our blog in Windows it looks terrible.