Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 13, 2016 at 5:01 pm #564814
    oestersund

    HI,
    on my page below I use Lato; for H1 in “light”. Looks nice with most browsers, but not on Safari (H1 text within green bars barely visible).

    I did find this topic: https://kriesi.at/support/topic/safari-font-rendering-too-light/

    But what is in my case the easiest way to solve it?

    Thx a lot and best regards, Tilman

    January 13, 2016 at 5:04 pm #564817
    Yigit

    Hi Tilman!

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

    .avia-safari .avia_textblock h1 {
-webkit-font-smoothing: subpixel-antialiased; 
}

    Regards,
    Yigit

    January 13, 2016 at 5:08 pm #564822
    oestersund

    Thx Yigit, for your quick reply.
    Its better, but still very thin vs. other browsers…

    January 13, 2016 at 5:12 pm #564829
    Yigit

    Hi!

    Please change the code to following one 

    .avia-safari .avia_textblock h1 {
-webkit-font-smoothing: subpixel-antialiased; 
font-weight: normal!important;
}

    Best regards,
    Yigit

    January 13, 2016 at 5:20 pm #564840
    oestersund

    Hi
    …then it´s normal :-) which results e.g. on iPad to a H1 word-wrap on the subpage below

    Any other way to get it “light” , but readable on Safari ?

    January 13, 2016 at 5:37 pm #564860
    Yigit

    Hey!

    Please change the code to following one

    .avia-safari .avia_textblock h1 {
-webkit-font-smoothing: subpixel-antialiased; 
font-weight: 300!important;
}

    Cheers!
    Yigit

    January 13, 2016 at 5:43 pm #564867
    oestersund

    Pretty cool :-)

    Thx a lot, Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Late Font too light in Safari’ is closed to new replies.