[entacser]

How do I change the fonts of the page titles? For example, at http://www.enterpriseacademic.com/about-us/, the words “About Us” are displayed in some crazy font that I want to change. I have the following in my custom CSS area, but it doesn’t seem to affect the page titles at all:

body, input, textarea
{
font-family: Myriad Pro, “Gill Sans”, Arial, Sans-Serif;
font-size: 16px;
}

[entacser]

I did notice the suggestion in earlier posts to go to Appearance->Theme Options->Design Options->Typography, but I do not have the Typography option on my version of WordPress. Not sure whether it’s supposed to be there or not, but it isn’t.

[Rabin Shrestha]

Hi entacser,

You are using the free version of Attitude. The typography option is only available in our Pro version so you need to upgrade to our pro version.

Rabin

[entacser]

Thank you for the reply. Shouldn’t there be a css way to solve my issue, though? I’m able to change all of the other fonts on the website via css; it is only those page titles/headings that are stuck in the other font, resulting in a very awkward appearance.

[Sanjip Shah]

@entacser Yes you could use the custom css via the custom css option in the theme option page to change the page titles as well. But if you are using a google web font you will also need to load it to the theme so you can use this plugin http://wordpress.org/plugins/wp-google-fonts/.

[entacser]

Thank you Sanjip. My original post in this thread indicates the custom css I am using, but it does not change the page titles’ font. Is there a different selector I need to use?

[Sanjip Shah]

@entacser You could add !important to the css code to run it.

h1, h2, h3, h4, h5, h6
  {
  font-family: Myriad Pro, "Gill Sans", Arial, Sans-Serif !important;
  }

Try this out.

[entacser]

That worked perfectly, thanks!

[Sanjip Shah]

@entacser Okay. Great!

[sburton23]

Hi Sanjip,

Thank you so much for posting this. I was wondering what CSS code would I use, if I wanted the font to be “Sadey Anne” which I purchased online?

Would be grateful for your feedback!

[Sanjip Shah]

@sburton23 You could write the custom css to use the font. In the dashboard, go to Appearance->Theme Options->Design options Tab->Custom CSS. Paste you css and there and click on save all changes.

h1, h2, h3, h4, h5, h6,
#site-title,
#site-description {
	font-family: "Arial";
}
body, 
input, 
textarea,
.slogan-wrap .slogan span { 
	font-family: "Arial";
}

In place of the Arial font use your font. Also, you may also need to add other selectors for other elements.

[sburton23]

Thank you so much!

[Sanjip Shah]

@sburton23 Welcome.

[Author]

Posts