Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 664
  • Last Modified:

Changing fonts (and related settings) in wordpress theme

I am using wordpress for my blog/site. I am using Freshnews theme from woothemes as the theme for the blog.

Here is the link:

The font is not that good and it is way too small and the spacing is bad (too congested).

How do I change the fonts, size, spacing (line and paragraph) throughout the blog.

I know I would have to change it somewhere in the stylesheet. But where exactly and how?

And what are the ways to get this done?

Should I install a font somewhere?

Should I use webfonts (like google webfonts)?
What is the advantage in using this?

or what are the other ways?
1 Solution
I don't use WooThemes, so I'm not familiar with their interface. If you don't have an option to change the font or font size in the theme options section of the theme, you will need to make the changes manually.

If you make the changes manually you should use a separate stylesheet so it doesn't get over-ridden when you update the theme. To add a stylesheet you would just create a new one using a text editor like Notepad++. Then you'd add the css. Something like this:

.post {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
font-weight: 300;
letter-spacing:.02em; /* This will add additional letter spacing */
word-spacing:.03em; /* This will add additional word spacing */

Open in new window

The .post selector might vary depending on your theme. .post is used in most themes though.

You would then save the file as my-custom-css.css. Upload it to the theme root folder and add this to the style.css file  @import url(my-custom-css.css); just after the theme declaration that looks like this:
Theme Name: WOOHOO Theme
Theme URI: http://ideatree-website-design.com/
Description: A Theme, just like mom used to make.
Author: Jeremy Jared
Author URI: http://ideatree-website-design.com/
Version: 1.1
@import url(my-custom-css.css);

Open in new window

You could also use this plug-in that allows you to add custom css:

The third optino is to create a child theme to add the css:

smuralisankarAuthor Commented:
Thanks a lot.

(sorry for the late reply)

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now