Hi guys, something I have noticed is that sometimes text looks different between what renders on preview (bolder), compared to the live site (as it should be). See image attached to see what I am on about. The live site’s text is on the left, the preview from designer on the right.
The font in this example is Lato (400 normal) 18pt with a 1.4em line height.
Thanks for reporting about this strange behavior. I tried to reproduce this issue, but couldn’t do so. Can you please share a preview link of the project where this is occurring so we can investigate further?
Thanks in advance,
Anna
Hi @AnnaKelian, sure sorry I should have done that first time:
https://preview.webflow.com/preview/ionoco?preview=030af09a2d42368bd87175d6be1c290e
BTW I am using Chrome Version 60.0.3112.101 (Official Build) (64-bit) on a MacBook Pro running MacOS Sierra Version 10.12.6 (16G29)
Hi Darren @Side
Thanks for sending the link. Looks like you have a code snippet in the of your site which is changing how your text appears on the live site. The code only works on a published site and not in the Designer. I’m referring to this snippet
<style>body{-webkit-font-smoothing: antialiased;}</style>
If you want to have the bold version on your live site, either remove the code or make your font bolder in the Designer.
Hope this is helpful.
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.