Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #26902

    We’ve experiencing major font rendering problems in Google Chrome even though we are using web safe fonts and the option for ‘No Custom Font’ for headings? When we view the site it looks like all the text is being replaced by custom Google fonts of some kind and looks almost unreadable. As we were almost ready to go live with our site, this is an urgent issue and we would really appreciate some explanation and some help here please.

    As we can’t post a public link we’ll email you a url and reference to the topic.

    Many thanks,


    We originally thought that we may have solved this problem and it could be caused by the fact that we had the Helvetica Neua font selected without having it installed on our system. However, we’re now unsure as it still looks fine in IE and Firefox, just horrible in Chrome?

    What’s the best way to add a little horizontal space between characters please, is it letter-spacing and will this be ok when seen on other devices?




    Please give us a link to the website, we would like to inspect it. You can add letter spacing using this:

    body, body p {
    letter-spacing: 100px;

    Adjust the value.




    Hi there, we sent an email to you a few days ago with a link to this post and our website. Please let me know if you want me to resend. We’ve also encountered a number of other problems with IE8 and while we understand that some of this may be caused by the fact this browser doesn’t support media queries / responsive layouts, it would be good to see if these problems are indeed caused by this or something else.

    Unfortunately, many of our potential clients will view the site from a company computer that may be stuck on IE 8 due to their IT department, so we really need the site to look good in this browser.

    What would you prefer us to do here please? Post individual topics or email the issues to you all in one go, as we can’t post live URL’s in the forum?

    Many thanks for the great support so far.



    I didn’t receive your email. Please send it to ///.

    Include the word “Kriesi” on the subject. Add the login details and link of this thread on your email..



    Just re-sending now, thanks.



    First, I don’t see any problem with the font rendering on Chrome or IE. It is using the default font family which is Helvetica, “HelveticaNeue”, “Helvetica Neue”, Arial, Verdana, sans-serif. The site is having some heading color issue on IE. You can add this on your custom.css or Quick CSS

    .main_color h1, h2, h3, h4, h5, h6 {
    color: #f2c301;

    Also, the icon list needs some fixing:

    .alternate_color .avia-icon-list .iconlist_icon {
    background: white !important;
    color: #f2c301 !important;
    border: 3px solid #f2c301 !important;

    The socket is missing on IE. Try this:

    #socket .container {
    height: 51px;
    min-height: 51px;
    display: block;




    Many thanks for the help here but I’m still encountering problems with:

    Promo boxes and responsive, the button within the promo box falls out of positions and floats over text in IE.

    Button BG colours and header BG colour between logo and social icons seems to disappear

    Layer slider – text in slide gets ‘cut off’ at far right of screen

    Vimeo and YouTube embeds do seem to scale but their container doesn’t resulting in a huge vertical black area above and below video in mobiles browsers. This is especially apparent when embedding vimeo content but I’m not sure if this is something you can help and if it’s related to the theme?

    Many thanks,



    I marked this thread for Ismael.



Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Google Chrome Font Rendering Problems’ is closed to new replies.