Docs

[ruby whittaker]

Hi I am trying to use Oswald google font in my xtheme wordpress site. I can see three font weight to select from in the customise> appearance >typography. However on a previous site I created for the same client I could use font-weight:lighter; to get a thinner version of the font. I have tried adding this code to the CSS, customisation in corner stone etc but I am having no luck. The font weight on the xtheme site doesnt look as elegant as the font I used on the other wordpress site. The sites are for the same client so it is important that I get them looking the same.

Ruby

[Joao]

Hi Ruby,

Upon checking on google Oswald is available just with this 3 font weights: 300, 400, 700.

https://www.google.com/fonts#UsePlace:use/Collection:Oswald

I personally think the 400 looks better than the 300, please give it a try, it has more space between the letters and somehow looks thinner in my opinion.

Please send us the link of the site you mentioned where you were able to use Oswald font the way you liked it, so we can have a look.

Thanks,

Joao

[ruby whittaker]

This reply has been marked as private.

[Jade]

Hi Ruby,

Would you mind providing more information about the issue? What’s supposed to be the correct font weight of the headlines and the body text?

Thanks.

[ruby whittaker]

Hi The body text is not important as its not Oswald font.

I want the header text on the dev site http://www.brytlyt.co.uk/rosh/?page_id=6 to be the same as the one on the on the live sitehttp://www.brytlyt.co.uk/

For example on both sites I have set the first header under the main picture ( the first header on the white background) to header1.
I have used the following attributes on both sites to set header1. On the DEV site I have used custom headline style to and on the live site has the attributes as CSS

h1 {
color: #4a4644;
font-size: 2.6em;
line-height: 1.2em;
text-transform: uppercase;
text-align: center;
padding: 15px 0 30px 0;
font-weight: lighter;
}

The 2 headlines do not look the same ..?

Ruby

[Christopher]

Hi there,

Please update it to :

h1 {
color: #4a4644 !important;
font-size: 2.6em;
line-height: 1.2em;
text-transform: uppercase;
text-align: center;
padding: 15px 0 30px 0;
font-weight: lighter;
}

Other styles are the same in both URLs, please see the attachment.

Hope it helps.

[ruby whittaker]

HI I had already tried that.
If you look at the attached screen grab you can see what I mean. The one on the right is dev xtheme site which has a heavier font that the live site

[Christian]

Hey Ruby,

I see no difference comparing the new and old site heading (see attachment). They are just slightly different in font size as they are set in em value. For more details about em, please see http://www.w3schools.com/cssref/css_units.asp. Please clear your cache check again.

Thanks.

[Author]

Posts