- This topic has 1 reply, 2 voices, and was last updated 9 years, 5 months ago by
.
-
Posts
-
Stumbled on to a weird problem in Metro Pro this morning which seems a few of you may have had and I found a fix that works fine for me.
In Chrome, if you are running Metro Pro without a backstretch image, using just a solid color instead, the fonts will often appear far too large. Reloading the page might fix it once or twice, but usually the fonts go large. All other browsers are fine. I also have some sites using Metro Pro where I have a tiled background and have disabled the backstretch code, but the same problem appears. Only when using a backstretch image does it work OK.
It seems the issue is with font sizes specified in rems instead of pixels. If you remove all references to rem sizes in the CSS, the problem goes away. It still works fine in all other browsers, but it fixes the issue in Chrome. I have one site using the old Metro and there is no problem at all.
Since Chrome is not my default browser, I had not noticed this before so I don't know if it is the latest version or if it happened earlier. I did not dig through the code to find the specific instance(s) where rem sizes were the problem, but I just use the pixel sizes throughout, problem solved.
Just an FYI.
See this thread for more info about the font bug in Chrome: http://www.studiopress.community/topic/font-sizing-bug-in-chrome/
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.