jaisequoia Posted January 8, 2020 Share 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 Link to comment
Solution paul2009 Posted January 8, 2020 Solution Share 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 jaisequoia 1 About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
jaisequoia Posted January 8, 2020 Author Share 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. Link to comment
jaisequoia Posted January 8, 2020 Author Share 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? Link to comment
paul2009 Posted January 9, 2020 Share Posted January 9, 2020 @jaisequoia Can you provide an example url, and point out the font that's having the issue? About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
jaisequoia Posted January 12, 2020 Author Share 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 Link to comment
paul2009 Posted January 12, 2020 Share Posted January 12, 2020 And the font with the issue? (I cannot see one that appears different) ilseS 1 About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
jaisequoia Posted January 12, 2020 Author Share 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 Link to comment
ilseS Posted June 10, 2021 Share 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 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment