How to Style your Blog Fonts with CSS

Using fonts is another design element that can really enhance a great blog design. In this tutorial, I’m going to show you how to style your blog fonts with CSS.  I’m going to share 7 stylings you can use in your CSS for fonts.

I love fonts and I love playing around with fonts! But always be sure with fonts to not go too over the top! You want to make sure that your site is very clean and read-able.  There are so many fonts out there that you can get a very unique look for your blog … so have fun with it!

Before we get started:

New to HowToBlogDesign.com? Is this your first tutorial here? Are you coding ‘newbie’? Welcome! I suggest you start your journey to learning code by watching Ro’s introductory video … ‘Take On Code … and WIN >>‘

Also recommended before we jump right into CSS Fonts … be sure to already understand How to write CSS for bloggers >>

The Training — How to Style your Blog Fonts with CSS:

There are a bunch of different font elements throughout your blog that you can style … such as:

• Post titles
• Sidebar titles
• Main body text
• Menu bar text
• Other headings
• And more!

Each of these can be styled differently. There are 7 different stylings that I use for fonts. They are:

1. font-family
2. font-size
3. font-weight
4. color
5. text-align
6. text-transform
7. text-decoration

In the video below I go into detail on what each of these is .. and how to properly use them in your CSS.

Watch the video to learn more about 7 stylings you can use for your blog fonts through CSS …