Font Sizing bug in Chrome

Community Forums Forums General Discussion Font Sizing bug in Chrome

This topic is: not a support question

This topic contains 1 reply, has 2 voices, and was last updated by  Andrea Rennick 1 year, 1 month ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #75537

    Jen Baumann
    Keymaster

    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

    #98078

    Andrea Rennick
    Keymaster
    This reply has been marked as private.
Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Font Sizing bug in Chrome’ is closed to new replies.