-
Posts
-
Hey !
For the whole site I’m using Varela Round which has only one “normal/400” weight. Anyway I managed to replace all fonts in 400 (h1, h2 etc… body, widget titles…) and it seems to work. That being said, there is a very different rendering between Safari, Firefox and Chrome. On Chrome it looks very clean. On Safari and Firefox it looks kind of “bolder” (but strangely menu font still looks good…).
Is it just the fact that rendering is always different depending on browsers you use ? And if so is there still a trick to get things better maybe through functions.php ? Or is it me that may have missed something ? Thank you for your help. And if ever you can also have a look on IE I would be interested… :) Thank you !!Kind regards,
MarieWell, that was yesterday… I turned “on” my mac again and now the font is awful on chrome ! bolder than safari & firefox… Am I crazy or preview is changing on chrome from one day to another ? If anyone knows please tell me… I am kind of maniac with typography… ;)
Thank you again. Regards,
MarieYeaaaahhhh ! What a relief… After hours of web investigation… I found some pieces of answers like the “text-rendering” css which I had never heard of… From there I searched again in the Enfold support forum and found a magic post from Dude #307770. I tried it (part of it) and it is magical ! The type looks very clean now, on mac and both Safari Firefox and Chrome. Nothing to do with how it was before ! For example in firefox I had also a very different rendering between body text and layer slider text (which was terrible)… Well now I hope I’m not talking too fast and that the rendering is going to stay this way… You guys should add this by default in the theme !! Anyway, if ever someone is going crazy like me, here is the code I put in my child theme css file.
Also could someone in the support team tell me if the rendering is similar on Windows browsers ? I would appreciate.
Thank you ! And thank you Dude if ever you read this post ;)
Regards,
Marie/* Font rendering */ body #wrap_all{ text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }Hi!
Glad you figured it out! I asked my teammates to check your website on Windows computer. Please kindly wait to hear from them Marie
Cheers!
Yigit
- The topic ‘Font weight renders very different depending on browsers’ is closed to new replies.