-
Posts
-
Hey guys, sorry if this was already pointed out, but the image scaling for the fixed header logo in Firefox 25 is suddenly really poor once the header is resized. It was fine through Firefox 24, but it looks like image-redering: optimizequality is what’s messing it up, so maybe they deprecated that, or it’s a bug. It’s possibly just an issue on OS X, too, since I haven’t checked other platforms. (Edit: Looking at it closer, it actually affects all scaled images, which of course makes sense.)
I guess while I’m on the subject, I’d also like to point out that FF25 supports -moz-osx-font-smoothing: grayscale, which improves the way icon fonts will render if you apply it to them. It’s very similar to -webkit-font-smoothing: antialiased. Lastly, Firefox will try to apply a faux bold to fonts that have no bold weight instead of ignoring it, and the faux bold search icon in the header has bothered me since v1.0, so if we could get a font-weight: normal on that, I’d appreciate it.
Alright, thanks!
Hey mayorninja!
Please add this on your custom.css or Quick CSS:
.logo img { image-rendering: auto; }Cheers!
IsmaelOh, right, thank you, I know… I am just reporting the issues so that they can possibly be corrected in the next version.
To summarize it, image-rendering on images may need to be removed or changed to auto as you suggested, icon fonts could benefit from using the brand new -moz-osx-font-smoothing: grayscale on OS X, and adding font-weight: normal to the search icon in the menu would look better in Firefox.
- The topic ‘Small bug report — logo scaling in FF25/OSX’ is closed to new replies.