jaisequoia Posted January 8, 2020 Posted January 8, 2020 Hi all, wondering if there's some easy css I can add to all my clients sites so that the font weight doesn't increase like it appears to do in Firefox? Hasn't been a huge concern until this current site I'm working on where it removes all the subtle texture and feel I'm wanting from the heading fonts. It looks terrible in Firefox! Firefox also really seems to boost the saturation of all colours... if there was a fix to that too, so that my sites look identical across all browsers that would be wonderful. https://wisteria-flounder-azc3.squarespace.com/ LTvet2 is the pw
paul2009 Posted January 8, 2020 Posted January 8, 2020 If this is affecting all your fonts you could put this in Design > Custom CSS: html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -font-smoothing: antialiased; } but if it is just your H3 titles (the outline font) then you should only need this: h3 { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -font-smoothing: antialiased; } Let me know how you get on. -Paul Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.
jaisequoia Posted January 8, 2020 Author Posted January 8, 2020 14 minutes ago, paul2009 said: If this is affecting all your fonts you could put this in Design > Custom CSS: html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -font-smoothing: antialiased; } but if it is just your H3 titles (the outline font) then you should only need this: h3 { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -font-smoothing: antialiased; } Let me know how you get on. -Paul totally worked thanks so much Paul.
jaisequoia Posted January 8, 2020 Author Posted January 8, 2020 actually @paul2009 I tried the html version on some of my 7.0 sites and it doesnt work. Does it need tweaking for those versions?
paul2009 Posted January 9, 2020 Posted January 9, 2020 @jaisequoia Can you provide an example url, and point out the font that's having the issue? Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.
jaisequoia Posted January 12, 2020 Author Posted January 12, 2020 On 1/9/2020 at 12:37 AM, paul2009 said: @jaisequoia Can you provide an example url, and point out the font that's having the issue? hi Paul www.seedsnelson.org dang looks like the inner scrolling is back too. thought I fixed that. sigh
paul2009 Posted January 12, 2020 Posted January 12, 2020 And the font with the issue? (I cannot see one that appears different) Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.
jaisequoia Posted January 12, 2020 Author Posted January 12, 2020 2 hours ago, paul2009 said: And the font with the issue? (I cannot see one that appears different) all of them
ilseS Posted June 10, 2021 Posted June 10, 2021 HI, Im having a similar problem ...my fonts are significantly heavier on Firefox -but worse, my IG feed is showing with massive spacing issues that don't appear on either Chrome or Safari, I have no idea what to do but it looks awful! Any help would be appreciated! www.ilsesinger.com
Recommended Posts
Archived
This topic is now archived and is closed to further replies.