Changing Font In Balance Theme

[alexm]

Just dowloaded Balance theme and I'm very happy with it.  Just one thing - I am not very keen on the default font. How do you change this?

[Susan]

In your stylesheet, replace all instances of "Lora" with your preferred font.

/* Import Fonts
------------------------------------------------------------ */

@import url(http://fonts.googleapis.com/css?family=Lora);

/* Defaults
------------------------------------------------------------ */

body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
	color: #222;
	font-family: 'Lora', Georgia, "Times New Roman", Times;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.625;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

[Robert]

Hi Susan, I have a related question to the one you answered here. I'm new to the forum and Studio Press, so I'm walking blind here.

Would you explain something to me, when you have a chance.

I wish to replace the 'Lora' font in the Balance Theme. Is the Lora font dedicated only to the headlines? Or is Lora dedicated to other texts as well, such as body text?

Thanks

Robert Widdowson

 

[lostintime]

Hi there Robert,

I don't have the Balance theme myself but from looking at that stylesheet excerpt I would say that Lora applies to all text items. (Standard body text is designated by the 'p' element.)

[Robert]

Hi Lostintime,

Thanks for the prompt reply.

Dumb question: Looking at the stylesheet, I see four fonts - Lora being the first. So, if I delete Lora then the next in line is Georgia. Would Georgia then become the standard font? And, if so, could I put any font at the front of that particular list - say, Arial.

[lostintime]

Yes to both questions. If you delete the entry for 'Lora', 'Georgia' will be "first in line" and become the default font. If you put 'Arial' as the first font then that will be the standard font.

If you won't be using 'Lora' you can comment out the line in your style.css that's pulling in the font like so:

/* @import url(http://fonts.googleapis.com/css?family=Lora); */

[Robert]

I hate to bombard you with questions...

You say that I 'can comment out the line in (the) style.css' - where would I place the code you supply?

Also, do you know if there is a glossary of terms for this forum? One of the big challenges to me as a newcomer to Word Press is the technical jargon.

[lostintime]

Sorry if I wasn't clear Robert.

The line that pulls in 'Lora' from the Google font directory is already in your style file. By "commenting out" I meant putting these symbols around it: /* */

so that I will look like this:

/* @import url(http://fonts.googleapis.com/css?family=Lora); */

In doing that you are effectively disabling that line so that it won't be executed. (Depending on your editor the whole line might turn grey when you do this.)

I hope that clarifies it.

PS Not sure about the glossary. Perhaps one of the forum moderators could jump in?

[Robert]

Lostintime - thanks, you've been really helpful!

[lostintime]

Glad it worked out Robert.

[Author]

Posts