Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
jaisequoia

css to fix TOO BOLD fonts in firefox 7.0 and 7.1

Question

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

 

Share this post


Link to post

7 answers to this question

Recommended Posts

  • 0

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


World-class Squarespace Developer and Squarespace Circle Leader with a strong reputation on the Squarespace Forum.
I'm trusted by hundreds of Squarespace users worldwide, including designers, freelancers, business owners and big agencies.

I can tackle anything from small tweaks to full websites and I'm available for short and long bookings (min. 1 hour).
Book via my website giving as much notice as possible. Note that I'm usually booked 4 - 6 weeks in advance for jobs longer than 2 hours.
Prebuilt Squarespace Extensions
Custom Squarespace Extensions: Tell me about the functionality you need

**NEW** Our popular Date Picker Extension and Age Verification Extension are now Squarespace 7.1 compatible.

Share this post


Link to post
  • 0
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.

Share this post


Link to post
  • 0

@jaisequoia Can you provide an example url, and point out the font that's having the issue?


World-class Squarespace Developer and Squarespace Circle Leader with a strong reputation on the Squarespace Forum.
I'm trusted by hundreds of Squarespace users worldwide, including designers, freelancers, business owners and big agencies.

I can tackle anything from small tweaks to full websites and I'm available for short and long bookings (min. 1 hour).
Book via my website giving as much notice as possible. Note that I'm usually booked 4 - 6 weeks in advance for jobs longer than 2 hours.
Prebuilt Squarespace Extensions
Custom Squarespace Extensions: Tell me about the functionality you need

**NEW** Our popular Date Picker Extension and Age Verification Extension are now Squarespace 7.1 compatible.

Share this post


Link to post
  • 0

And the font with the issue? (I cannot see one that appears different)


World-class Squarespace Developer and Squarespace Circle Leader with a strong reputation on the Squarespace Forum.
I'm trusted by hundreds of Squarespace users worldwide, including designers, freelancers, business owners and big agencies.

I can tackle anything from small tweaks to full websites and I'm available for short and long bookings (min. 1 hour).
Book via my website giving as much notice as possible. Note that I'm usually booked 4 - 6 weeks in advance for jobs longer than 2 hours.
Prebuilt Squarespace Extensions
Custom Squarespace Extensions: Tell me about the functionality you need

**NEW** Our popular Date Picker Extension and Age Verification Extension are now Squarespace 7.1 compatible.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...