Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #366468

    Hello,

    Can you please tell me why my websites font rendering is so light on Safari? You can barely see it. :(

    https://staging.expresswriters.com

    Thanks,
    Josh

    #366470

    Hey Josh!

    Here’s how it looks on my end, can you post a screenshot of your view?

    Best regards,
    Josue

    #366495
    #366596

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia-mac .avia_textblock, .avia-mac .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial { -webkit-font-smoothing: none!important; }

    Best regards,
    Yigit

    #366818

    Hmmm, made it worse :(

    #366822

    Hi!

    Do you mind creating a temporary admin login and posting it here privately?

    Best regards,
    Yigit

    #446852

    Hi Yigit,

    Sorry for the late reply. I am using Lato (Google font), but Safari isn’t rendering it correctly. We’ve since had some complaints from customers about this. As far as admin access goes, I can’t let anyone in right now due to other development.

    In any case, can you see if there is a way to find a fix for this without login access?

    You can pretty much see any page on the site is very light, and barely visible. Is there any CSS that works specifically for displaying fonts better in Safari?

    Thanks,
    Josh

    #446855

    Hey Josh!

    I think this is happening because by default, Enfold only includes some variations of Lato (300,400,700). Try adding the following to your theme / child theme functions.php to change that:

    add_filter( 'avf_google_heading_font',  'include_all_latos');
    add_filter( 'avf_google_content_font',  'include_all_latos');
    function include_all_latos($fonts) {
    	$fonts['Lato'] = "Lato:100,300,400,700,900";
    	return $fonts;
    }

    You’d need to re-select it in General Styling > Fonts once you add this code.

    Cheers!
    Josue

    #446859

    Hi Josue,

    It didn’t make a difference. Anything else I can do? I think it’s the 100 weight it’s having an issue with….

    Thanks,
    Josh

    #446860

    Hey Josh,

    Your website is on maintenance mode.

    Regards,
    Josue

    #446865

    Hi Josue,

    Oh, sorry, it’s this: https://expresswriters.com

    Thanks,
    Josh

    #446867

    Enfold is still including only three variations of Lato, did you empty your cache after doing this?

    Cheers!
    Josue

    #446872

    Hi Josue,

    I did, but I did it within the theme functions.php. I don’t have a functions.php in the child theme folder.

    Thanks,
    Josh

    #446876

    It won’t work that way, create one in the child theme and put the snippet on it, should be:

    <?php
    add_filter( 'avf_google_heading_font',  'include_all_latos');
    add_filter( 'avf_google_content_font',  'include_all_latos');
    function include_all_latos($fonts) {
    	$fonts['Lato'] = "Lato:100,300,400,700,900";
    	return $fonts;
    }
    #446880

    How do I create this? Can I copy the functions.php, delete the contents, and put it strait in the child folder and add the code above?

    #446881

    Not the usual method but yeah that would work, normally you’d just create an empty .php file and that’s it.

    Best regards,
    Josue

    #446884

    I did it, but it’s still not fixed. Anything else?

    #446888

    The rendered source is still calling Lato 300/400/700:

    <link rel='stylesheet' id='avia-google-webfont' href='//fonts.googleapis.com/css?family=Lato:300,400,700' type='text/css' media='all'/> 
    

    At this point we’d need access if you want us to help you with this. If this is not possible, i’d suggest setting up a staging environment like you did initially.

    Regards,
    Josue

    #446895

    I added this to both headers:

    <link href=’http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic&subset=latin,latin-ext&#8217; rel=’stylesheet’ type=’text/css’>

    What do you see now?

    #446897

    Seems to be working, here’s how i see it on Safari now – http://a.pomf.se/tfjdok.png

    Regards,
    Josue

    #446907

    I went ahead and did a find and replace on the 100 weight font with 400 weight.

Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘Safari Font Rendering Too Light’ is closed to new replies.