How to Customize The Body and Title Font in WordPress Default Themes Without Touching Code

WordPress 4.1 ships with three default themes, Twenty Thirteen, Twenty Fourteen, and Twenty Fifteen. Although the theme customizer enables you to edit a default theme’s colors, header image, and other attributes, it doesn’t give you the ability to change the body and title fonts. If you’d like to easily change fonts in a default theme using the customizer without using code, try the Styleguide plugin created by Ben Gillbanks.

Once Styleguide is activated, you’ll see two new options added to the customizer. These allow you to edit the font for the body and title text. Styleguide will let you change fonts for headers and body text in almost any theme, but out of the box it supports Twenty Ten through Twenty Fifteen. There’s also support for Puzzle, a theme created by Gillbanks.

If you’re using one of the supported themes mentioned above then it will add font and color editing to the customizer, allowing you to style the themes as you wish. Developers can add support for their own themes by using the ‘add_theme_support’ command. Check out the included theme-styles to see live examples on how to use the command.

Gillbanks notes that additional theme support will be added in the future. Until then, if you’re using one of WordPress’ default themes, Styleguide is an easy way to add the ability to customize the body and title fonts without touching a line of code.


11 responses to “How to Customize The Body and Title Font in WordPress Default Themes Without Touching Code”

    • Well, if there’s a few more contributors that will tag along, we may see Menus added to the customizer for 4.2. Nothing definite, but that’s from the discussions I’ve been reading. The question still remains, how much is too much in the theme customizer?

  1. Iv been using the customizer as the sole options panel for the last year in my themes – I do love it and cant wait for more folks to take advantage.

    WordPress gives you most of what you need, so why add the overhead of an options panel? :)

  2. This sounds really good, and customizer is heading the right way for not techies like me.. Is there a way of changing the standard font size too??


  3. You want to add a whole plugin instead of writing a single line of code. OMG …

    • not everyone knows how to write code. You need to think wider than the developer community. The average blogger needs a lot more help than we do with this sort of thing.

  4. I don’t get it. You should be using a child theme anyway. So why not code the font style in the child theme?

    • There is no rule saying you should use a child theme, plus that requires coding knowledge and it requires new themes. If you have say 10,000 sites on a network, you don’t want to have 10,000 different themes running as that would make a heck of a mess of your themes page. Plus there are many other situations in which this makes more sense than using a child theme.

    • It’s an option for people who don’t want to, or don’t know how to develop things. With WordPress there’s rarely a single ‘right way’ to do things.

  5. Like the sound of editable fonts, can change the whole look and feel by itself. The customizer is a great tool but changing things like the background colour is not always great in isolation. It would be good to see a colour choice blend across all design elements, not just the background. Blends would nee to be set up by the developer and then changeable via the customizer. All great for non-techies who need a change every now and again and who are intimidated by the theme options panel.


Subscribe Via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

%d bloggers like this: