Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 17, 2017 at 12:53 am #734412
    eainnem

    Hi,
    I’m currently developing a site using the Enfold Construction theme but when I view this url: http://kriesi.at/themes/enfold-construction/ , I notice the font in the slider on the homepage looks more blocky/jagged in Chrome (using the latest version 55.0.2883.87 m) compared to when viewed on other browsers like Firefox and MS Edge.
    I see there are other threads with similar issues dating back to 2013/14 but I didn’t find any more recent.
    Would it be right to say that this is still an issue Google have yet to properly resolve even after years? Could you suggest a solution/ workaround?

    January 17, 2017 at 7:02 am #734504
    Vinay

    Hey eainnem,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    html {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
-webkit-font-smoothing: antialiased!important;
font-smoothing: antialiased!important;
}

    If the above code do not make a difference please deactivate the caching plugin, clear the cache and hard refresh the page a few times. If you still have an issue Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    January 18, 2017 at 4:33 pm #735410
    eainnem

    Hi Vinay,
    thanks for the reply. I added the css as suggested but no change unfortunately. I have yet to install any caching plugin to the site so I don’t think that is an issue. See the link to the site in the private section below. I’m referring to font used for the header in each slider item on the homepage.
    However as referred to in my original comment, when I view the original Enfold Construction demo at http://kriesi.at/themes/enfold-construction/ in my Chrome browser I see the exact same problem with the font not being rendered as it should so I don’t think the issue is specific to my site.

    January 20, 2017 at 1:41 pm #736451
    Vinay

    Hi,

    I checked your site and the fonts look perfectly fine on my end.

    It may be the monitor settings or something to do with local browser settings. Please check the site on a differnet machine and let us know if you still have any issue, please upload a screenshot/mockup to imgur.com and share the link here so we can help you better :)

    Best regards,
    Vinay

    January 21, 2017 at 8:42 pm #736852
    eainnem

    Hi Vinay,
    I hope the screenshots I provide makes my query clearer as there still seems to be some confusion about exactly what I’m trying to describe. Again I’m talking of the font used for the header in each slider item on the homepage. The issue is not localised to my machine as the team I’m working with remotely are experiencing the exact same issue when viewing the theme demo on their Chrome browsers.
    The image I made consists of screenshots of 3 different browsers. The first 2 are MS Edge and Firefox. The 3rd one, Chrome.
    Notice the words “YOU DREAM IT, WE BUILD IT” in the headers of all three. In the first 2 screenshots, the font looks correctly rendered. In the Chrome screenshot, however, the font is not rendered correctly. There’s no variation in thickness in each of the letters, giving a “blocky” feel.
    Screenshots: http://imgur.com/a/u6aVv

    January 25, 2017 at 10:46 am #738247
    Vinay

    Hi,

    Thank you for the clarification, Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .avia_transform .av_slideshow_full .avia-caption-title {
	text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
-webkit-font-smoothing: antialiased!important;
font-smoothing: antialiased!important;
}

    Best regards,
    Vinay

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.