How to Change the Fonts on SwiftCMS Websites

Note: This applies specifically only to SwiftCMS driven websites, not wordpress in general. Most wordpress themes require hand-editing of CSS style sheets, often requiring FTP, and are a bit more tech-skills-demanding than you’ll know how to do, if you’re reading this article. So, if you have a wordpress site not running SwiftCMS, why not upgrade today – and we’ll change it for you, for free. See http://SwiftCMS.com for details & special offers.

For SwiftCMS Members, this is very easy – you just need to know where to look.

Note there are actually *3* separate locations, because they all control different parts. This help file will walk you through all 3.

1. General Fonts, site-wide, and the site-wide default.

Login to your control panel, and go to SwiftCMS >> General Settings >> “General Colors and Settings”. Remember to click save after you select another font. NOTE (SwiftCMS 2.0 only; will be revised in 3.0): Anything below “Bank Gothic” is a non-standard font, and requires the “Ultimate Google Fonts” plugin to be active and have the font available for on-the-fly download (see step 2 below). If you choose anything above “Bank Gothic”, i.e. Verdana, Arial, Times New Roman, etc. – these fonts are standard web-fonts to all browsers and no plugin is required.

Here’s where to look:

How to change wordpress fonts
How to change Swift CMS (+Wordpress) fonts

1B. Using Non-Standard Fonts:

NOTE: This will be deprecated (obsolete and not required) in SwiftCMS 3.0 (i.e. if you select a non-standard font, we will do what’s needed under the hood automatically for you, but until then, this step is required if you want to use Non-Standard fonts for SwiftCMS 2.o and below).

Frequently, just to add some flavor to websites, one wants to vary from the non-standard fonts included in all browsers. That’s ok, but it requires 1 more easy small step, which is making sure the font is available for download, in case the browser doesn’t already have it installed. To do this, just go to Plugins >> Ultimate Google Fonts (hit control-F to find it), click “activate”. Next, go to Settings >> Ultimate Google Fonts, and find the font(s) you want to enable. At first, when choosing, I personally will enable a handful and test them out to see what I like, however, once you’ve selected, remember to go back and un-click the ones you are not using; having extra unused web-fonts will slow down your site-load-speed, which can negatively affect your SEO. It’s not a big deal to add 1-2 fonts, but adding 20 fonts if you’re using 2 clutters up bandwidth and makes your site “bigger” than it needs to be (in kilobytes and thus download speed).

2. Headlines (H1 – H6)

You know what headlines are, but you may not know there are technically speaking 6 styles or sizes of headlines. Also, these affect your SEO, so it’s a great idea to weave in a few keyphrase-dense headlines into your website.

This is H2 text

and here’s some H4 Text

Anyway, using headlines is part of “best practices” both for readability and for Google friendliness. Style these headlines by going to SwiftCMS >> General Settings >> H1-H6 COLORS AND SIZES, like so. NOTE: If you don’t select anything, your site-wide-default will be used, as defined in step 1. If you use a non-standard font, be sure it is enabled (Step 1B above; SwiftCMS 2.0 and below).

3. Menu Fonts

This follows the same model as above – just go to SwiftCMS >> Main Menu >> Menu Style & Position.

 

That’s it! These 3 options control 100% of the fonts on any SwiftCMS website.

For those who are ultra tech savvy, you can get crafty and add direct CSS into SwiftCMS >> SwiftCMS >> Additional CSS, but this is only for people who know how to write CSS code (i.e. web designers and our staff).

Think we missed something? As always, let us know and we’ll update this page.