Click to Watch the "Formatting Your HTML Page" Video

To see exactly how to format your HTML page just watch the step by step video by clicking the link above.

The example video walks you through formatting the page using a sales letter that was created using the Push Button Letters Software, by pasting it into a template page.

Click to Watch the "Using Push Button Letters" Video

Of course you follow along with the instructions using YOUR sales letter created using the sales letter section (row #3) of the Design Dashboard.

Step One: Choose Your Font Type(s)

Now it's time to choose the font types for:

Headline
Subheadline
Body Text

Choose a SAN SERIF font for the headline:

Tahoma
Verdana
Arial

Choose a SAN SERIF font for the subheadline such as:

Tahoma
Verdana
Arial

As a general rule, you should not use more than 3 types of fonts on your page.

For example, you can have a headline in Tahoma, a subheadline in Arial and the body text in Verdana.

This is what that would look like:

For My Web Page Headline
I Am Using A Bold Tahoma Font

For My Sub Headline I Will Use Arial
With a Nice Bold Style To It -- Like This!


Dear Friend,

This is the body text of my page and the font I am using for this section is a Verdana font.

I am NOT going to apply a bold style to all of the text here, but will do so when necessary to draw your attention to what I've got to say!

So format your fonts by opening webpage.html in FirstPage, then highlight the text you want to change and go to the font options, like this:

Step Two: Choose Your Font Color(s)

Your headline should be a nice dark red color, like #CC0000.

The sub headline can be black, or dark blue.

To change the font colors just highlight the text on your page that you want to change, then go to the FONT OPTIONS, like this:

Click the FONT COLOR option icon (highlighted in red) and then when the window pops up, click on the COLOR you want, then click the OK button.

Step Three: Select Your Font Size(s)

Now you need to choose the font SIZES for your page.

  • Headline: Best sizes range from 20 to 26 points.
  • Subheadline: Best sizes range from 14 to 18 points.
  • Body Text: Best sizes range from 9 to 12 points.

The more commonly used size for the headline is 24 points, with a BOLD style applied.

Tahoma
<-- 26 Points
Tahoma
<-- 24 Points
Tahoma
<-- 22 Points
Tahoma
<-- 20 Points

Verdana
<-- 26 Points
Verdana
<-- 24 Points
Verdana
<-- 22 Points
Verdana
<-- 20 Points

Arial
<-- 26 Points
Arial
<-- 24 Points
Arial
<-- 22 Points
Arial
<-- 20 Points

The subheadline font should be several points smaller than the headline, so you can choose from 14 to 18 points in size:

Tahoma
<-- 18 Points
Tahoma
<-- 16 Points
Tahoma
<-- 14 Points

Verdana
<-- 18 Points
Verdana
<-- 16 Points
Verdana
<-- 14 Points

Arial
<-- 18 Points
Arial
<-- 16 Points
Arial
<-- 14 Points

The body text font should be a SERIF font, which look different than the ones we've already discussed.

Examples of serif fonts are:

Georgia
<-- 14 Points
Georgia
<-- 12 Points
Georgia
<-- 10 Points

Times New Roman
<-- 14 Points
Times New Roman
<-- 12 Points
Times New Roman
<-- 10 Points

Courier New
<-- 14 Points
Courier New
<-- 12 Points
Courier New
<-- 10 Points

To change the font sizes just highlight the text on your page that you want to change, then go to the FONT OPTIONS, like this:

Click the FONT SIZE option icon (highlighted in red) and then when the window pops up, click on the SIZE you want, then click the OK button.

In this case we applied a BOLD style to it by clicking on the BOLD icon.

Tips on Formatting Your Web Page

As a general rule, you should not use more than 3 types of fonts on your page.

Your headline should be a nice dark red color, like #CC0000.

The sub headline can be black, or dark blue.

^^^^^^^^^^^^^^^^^^^^

Good font sizes:

  • Headline: Best sizes range from 20 to 26 points.
  • Subheadline: Best sizes range from 14 to 18 points.
  • Body Text: Best sizes range from 9 to 12 points.

.