Is there a way to change a theme’s default font permanently?

Yes, you can change the font in your theme’s style.css. For example, try adding this:

.entry {
	font-family: "Comic Sans MS";
}

If this does not work, try adding “Comic Sans MS”, as the first item in existing font-family lists in your style.css.

ok .. I need help here ..

body {
margin: 0;
padding: 0;
background: #4c4c4c;
font-family: “Palatino”, “Georgia”, “Baskerville”, serif;
color: #666;

the above is what I have .. can you pls show me where to enter the Comic thing? Thanks.

BTW .. what these 3 or 4 fonts here do “Palatino”, “Georgia”, “Baskerville”, serif;” in a post? the default is Palatino? Then how do I get to “Georgia” and “Baskerville” ..?

Irene

Change the font-family to this:

font-family: "Comic Sans MS", "Palatino", "Georgia", "Baskerville", serif;

Note: There may be more than one font-family in your style.css, so if changing the body one does not work, others may need to be changed. The fonts are applied in order. If the first listed is not available on a user’s computer, then the next listed is used and so on.

https://webdesign.about.com/od/fonts/qt/tipfontfamsynta.htm

It worked, thank you so much.

Can I be a little greedy: how can I change the font of the Title “Right of Passage” and “St. Augustine ..” ??
https://www.bonvoyage.ireneeng.com/

As for https://www.ireneeng.com/, the title of the blog didn’t change. Where and how can I change it? I added – see below ..

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-family:Comic Sans MS, Georgia, Tahoma, Verdana, Arial, Serif;
font-weight:normal;
color: #333;
line-height:1.6em;

Also, https://www.asianparentsandkids.com/, the widget’s name are too bold and big .. where should I look to change?

Thank you and have a good night.

Irene

Irene,

All of your questions can be taken care of by making changes in the style.css file. It sounds like you just need to find where to make the changes. A good tool for easily finding where to make the change is Mozilla Firebug. You must install and use Mozilla Firefox and install the add-on Firebug. After you do this, select “inspect” and hover your mouse over any part of your webpage and Firebug will display the style.css code on the right sidebar along with the line number for the code. You can easily find the code that needs to be changed.

Note about the four fonts. They are backup fonts. Each persons computer displays your webpage. If the computer doesn’t have the first font, then it looks for the second font, etc.

Brew13,

Thank you so much. The Firebug is great! Not yet poetry but the codes look less intimating and confusing to me now.

Qs:

1. Is there a font-list .. like indicating what group of fonts are most commonly installed on the computers? I’d think Times New Roman/Arial/Comic Sans MS would be among them?

2. Every time to upgrade on the theme, all these changes (are they called twit?) would be gone, correct? It just happened to me when I upgrade fm 1.0.2 to 1.0.3.

3. Is it possible to do edit in ‘Inspect Element’? I was afraid to try, worrying I might mess up the codes, so I opened the blog in AOL and made the change.

4. blog-description ..

#blog-description {
position: relative;
top: 60px;
color: #616161;
text-shadow: #000 0 1px 1px;
left: 1.3em;

There isn’t a font-size and font-family. Can I add?

Thanks.
Irene

Irene,

I don’t know where there is a font list, but you could probably find a list of most common fonts. Certainly times roman new, arial, verdana, tacoma and others are there.

If you modify your theme, its recommended to make a copy of the modified files and either don’t copy over them or after replacing them copy your modified files back. Most of the time there isn’t a problem.

You can make changes in firebug and “see the results” instantly on your blog. I’m not sure, but I don’t think the changes are permanent when made using firebug so you would need to make the changes in the appropriate file.

(By the way, I’m learning just like you, so I don’t want to misrepresent that I’m an expert. I’m just willing to pass along information that I have learned the hard way.)

RE: font family and size. Have you checked for the font css commands on another line? Font family commands are pretty common and I would be surprised if it’s not included.

Don

Hi,
I am having a strange problem with our site’s font-family. In the style.css of our theme, all the font entries are as they are supposed to be. But for some reason, FireBug is not displaying the “font-family” element on any part of the site. Any advise would be greatly appreicated.

With regards,
nirman

Our site is: https://www.nirmaaan.com/blog