I built a website with relume and webflow but now i’m experiencing an issue with the display of the fonts - on my mac book, the font is displaying perfectly fine on chrome (as you can see on img1) but on my windows end, the font is not displaying the same and it seems like it’s the fonts are not rendering well or the font is not displaying as crisp or sharp and in fact are actually rather difficult to read on the windows end. (as seen on img2)
Does any one have a solution for this?
yeah looks like the CSS that came with the style guide was deleted.
<!-- Keep this css code to improve the font quality-->
<style>
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-o-font-smoothing: antialiased;
-webkit-appearance:none;
}
</style>You'll want to add that back in to the head code in the custom code section of the site settings.
Thank's for yout tips! But I actually have inserted the css code in the custom code section of the site settings ... i also inserted the global styles component on the main page and the style guide page but it's still not working ...
how is the font added to the site? Did you select it from the drop down within the custom fonts section of site settings (google fonts) or did you upload the font files?
I added the font via the Adobe Fonts API / adobe web projects ... what's weird is, that on macos everthing looks perfectly fine but on windows it does not
well yeah, thats a decades old issue - literally - for as long as I've been building websites - Mac as always rendered fonts better than windows. Generally though if the right font file format is being used it shouldn't be too distracting.
I would do some googling as it appears you have all the right things in place but its likely a system preferences or its possible that the font you are using doesn't render clearly on windows but maybe others would.