Changing Fonts in a Theme




Originally, I was creating themes using Windows and Internet Explorer and therefore the fonts used in my themes were the fonts included in the software. I try to be as creative as I can without going outside these resident fonts in order to make the themes as broadly compatible as possible.

My PC with Windows installed recently ‘died a horrible death’. Since then I have started using my Mac, reinstalled the necessary software and tried my best to learn about and deal with conflicts between the two systems.

My last two themes – Translucent and Rose Garden – were created on the Mac, which offers a totally different selection of fonts with only a handful that are common to both the Mac and Windows systems (i.e. arial font, etc.).

I have noticed that one theme in particular is greatly impacted because the Edwardian script font I had used in Windows is not available in the Mac setup – and there is no close substitute. If you wish to use this theme on a Mac system, you will need to manually change to one of your own script fonts resident on your system.

To do this, go into your Dashboard and do the following:

go to Appearance
click on Editor
go to Stylesheet (Style.css)
scroll down to a block of code similar to the following:

#art-main, table
font-family: “Gill Sans”,Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
text-align: justify;

In this block of code, you can change any of the fonts you wish. Be aware that making such a change may require making other adjustments (i.e. style, weight, size and alignment) in order to make it fit as you like in your theme.

To make these other adjustments will take some trial and error. Be absolutely sure to back up the file first. If you’re not familiar with code, common sense helps. In other words, if you wish to change the size of text within a post, search in the code for sections with ‘post’ in the code. If the text is in the heading, search for any ‘h#’ (# signifying the size of the heading font). The same goes for the sidebar, header, footer, menus, etc.

Again, I can’t stress this enough – before you experiment with any changes to the Stylesheet – BACK UP THE FILE FIRST!

Leave a Reply

%d bloggers like this: