Google fonts too bold

[togethernet]

It seems whenever I use a Google font it displays in extra bold in some places e.g. in the slider headline.
Any way to stop this?

Thank you

Topic

[Jason Bobich]

I would suspect that in general fonts would just appear bolder in places that have CSS to declare a bold font-weight. So you could just make your CSS changes to apply normal font-weight if that’s what you’re going for.

Do you have some sort of specific example you could link me to?

[togethernet]

thank you – here’s an example:
http://91.146.107.207/~idealint/?p=29

[Jason Bobich]

That font is just a pretty heavy font and it only comes in one weight. You can change every where the “Special” font option is applied to have a normal font weight, but realistically it’s not going to make much visual difference except maybe the spacing of the letters.

http://www.google.com/webfonts/specimen/Sansita+One

#featured .media-full .slide-title, 
#content .media-full .slide-title, 
#featured_below .media-full .slide-title, 
#featured .featured-entry-title .entry-title, 
#content .featured-entry-title .entry-title, 
#featured_below .featured-entry-title .entry-title, 
.element-slogan .slogan .slogan-text, 
.element-tweet, 
.special-font {
	font-weight: normal;
}

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what

[Author]

Replies