Font Sizing bug in Chrome

[Jen Baumann]

The Chrome browser currently has a bug where font sizes expressed in %/rem units are not displayed correctly.

If you are experiencing any issues with font size in Google Chrome in our HTML5 Pro themes, you can add the following to your style.css file to fix the display issue until it is fixed in Chrome:

body > div {
  font-size: 16px;
  font-size: 1.6rem;
}

It is recommended that you add this in the defaults section of your style.css file, after the CSS for body. Depending on your theme, it will look like this:

/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
	font-size: 62.5%; /* 10px browser default */
}

body {
	background-color: #f6f5f2;
	color: #666;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.625;
}

References:
https://code.google.com/p/chromium/issues/detail?id=319623
https://code.google.com/p/chromium/issues/detail?id=296380

[Andrea Rennick]

This reply has been marked as private.

[Author]

Posts