Change Category Font

Hi Bree, could you be a bit more specific about what you’d like to do?

Are you trying to add a brand new font that isn’t already in the theme, and apply it to category titles? If so, a Google Font plugin is a fairly simple way to enqueue a new font.

You would then use custom CSS to target the element on your site.

The page you referred to is a tag archive, but assuming you want to apply the same font to all archive pages, you’d use this format:

.archive .page-title {
  font-family: /* Add your font stack here, including a generic fallback */;
}

Example:

.archive .page-title {
  font-family: Helvetica, Arial, sans-serif;
}

Be sure to use the exact font name as specified by Google Fonts.

Thanks for clarifying. So I gave you the CSS above for targeting the titles of all archive pages, and you’d just add Lato to the beginning of the font stack, like this:

.archive .page-title {
  font-family: Lato, Helvetica, Arial, sans-serif;
}

Italics come from the font-style property, as you can see here:

https://developer.mozilla.org/en/docs/Web/CSS/font-style

To remove the italics, modify the CSS I gave you above to this instead:

.archive .page-title {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-style: normal;
}