Jan 252015
 

The following Suffusion Theme Options Typography Body Fonts post shows you how to set up the fonts and colors for your website.

Last Updated: March 2, 2018

Latest News: I have updated the documentation below.

Suffusion allows you to set up the default font style and color for your website based on the skin you have selected. Or you can create your own custom style by selecting the font style, font size and font color.

Suffusion Theme Options Typography Body Fonts

Step 1 ) Go to Appearance -> Suffusion Options -> Typography -> Body Fonts menu. See image below.

suffusion-theme-typography-menu

Step 2 ) The following image Body Fonts allows you to set up the following options.

Default or custom font styles?

  • Theme styles
  • Custom styles

Font Face

  • Pick a browser safe font from the drop down menu

suffusion-theme-typography-general-settings

Step 3 ) The following image allows you to set up the following options.

  • Font Color
  • Link Color
  • Link Decoration = Underlined or None

suffusion-theme-typography-font-color

Step 4 ) The following image allows you to set up the following options.

  • Visited Link Color
  • Visited Link Decoration = Underlined or None
  • Link Hover Color
  • Link Hover Decoration = Underlined or None

suffusion-theme-typography-visited-link-color

Step 5 ) The following image Main Content allows you to set up the following options.

Default or custom font styles?

  • Override skin defaults

Font Settings

  • Font Size:
  • Font Size Type:

suffusion-theme-typography-main-content

That is all you have to do to change the default skin font style and color in your website.

Click on the following URL Typography Tutorials for more typography tutorials.

If you have any questions please let me know. I will be updating this from time to time. So keep coming back for the latest.

Enjoy.

More Suffusion Tutorials:

I have been working in IT since 1999 and I enjoy the challenges it brings me. I love developing websites with WordPress. I spend a lot of time helping out in wordpress.org forums. I have been writing tutorials since 2011. Now I am learning how to manage my own VPS "Virtual Private Server.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)

1 + five =