Font Size Changing with Refresh

Question

When I initially load my website the font sizes are all normal, but when I hit refresh the size almost doubles, and does not go back to normal. I've checked changing the font size using Ctrl+ and Ctrl- That changes the font back to a normal size (90% or 110% of the default size).

Everything validates.

http://mylivingspacefinder.com/

======Added from author's comment======

Here's the text-size rules:

h1 {
    .fontSize(10);
}

h2 {
    .fontSize(4);
}

body {
    .fontSize(2);
}

.fontSize(@sizeValue) {
  @remValue: @sizeValue;
  @pxValue: (@sizeValue * 10);
  font-size: ~"@{pxValue}px"; 
  font-size: ~"@{remValue}rem";
}

Answer 1

This is a known bug in Chrome, https://code.google.com/p/chromium/issues/detail?id=319623

Meanwhile try using em instead of rem on the body tag or apply font-size to a wrapper element

body > div {
  font-size: 1.4rem
}

as seen here https://stackoverflow.com/a/20173967/2459418