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 2 weeks, 6 days ago.

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

    Jen Baumann
    Keymaster
    Post count: 315

    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


    If you need technical support for your theme please file a ticket.

    The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.

    #98078

    Andrea Rennick
    Keymaster
    Post count: 592
    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.