Site title weight different from from browser to browser

---

Hi!

My site title is showing as different weights when I view it on different browsers.
For example, set on extra bold, the font has the same weight of the regular weight font (on safari) but has the extra bold weight when viewed on chrome. When I set the weight to regular weight it appears as light on safari and regular on chrome.

Do you know the reason for this problem?
Many thanks.

Hey Austin!

This is somewhat of a bug in Safari. There are 3 ways u can solve this:

1st way
In "Lay Options" -> "Custom CSS & HTML" -> "Custom CSS for desktop" version enter:

body{
-webkit-font-smoothing: none;
}

2nd way
In "Lay Options" -> "Custom CSS & HTML" -> "Custom CSS for desktop" version enter:

body{
-webkit-font-smoothing: subpixel-antialiased;
}
.sitetitle{
background-color: black;
}

3rd way
Go to "Customize" -> "Site Title" -> "Site Title" -> uncheck "is fixed"

With safari the problem is that any text that uses "position: fixed;" is rendered thinner :/

Have a good day

yo! thanks for answering my question directly.

I have two more semi-related questions dealing with menu / site-title

can I add non breaking spaces into the site title / menu?
also how can I add more fixed items that stay in the same location on all pages?

non breaking spaces.
Hmm so you mean you want to have more space between the two words that make up your site title? If yes, please try this as your site title in "Customize" -> "Site title" -> "Site title"

austin  redman

one   is a non breaking space

for fixed items please take a look at this answer:
http://laythemeforum.com:4567/topic/535/fixed-element/4

You can either add elements in the gridder and make them fixed through css.
Or if you want to have fixed elements on all of your pages you could add custom html in "lay options" -> "custom html & css" (might be harder if you don't know much about html).