Web Template

Help Center Tutorials

Fonts & Font Sizes

<< Page Names Tutorial - Main Tutorial Page - Robots.txt Tutorials >>

The image above shows you the different features on the "Font Bar"...

• "B" "I" "U" - These three icons are to create Bold, Italic and Underlined text. You simply highlight the text you want to change and click one, two or even all three of these icons.

• The 4 "line" Icons next to the "U" - These are Text Justifications...

  1. The first is "normal" or "left" align. It makes your text begin on the left and go out from there...

  2. The second is "center". This will align all text you select in the center of your table or page.

  3. The third is "right" align. It makes your text align against the right side of the page...

  4. The final one is "justify" align. This will stretch your text to fit the entire cell you are in. It will cause extra spacing if there isn't enough words to go all the way across.

• The big and little A - Increase or decrease your text by one

• The 1,2,3 Icon - Is to create an outline effect (see the paragraph above... it is numbered 1, 2, etc...) You can change it to roman numerals, and several different options.

• The dots next to it - is to do a dotted list (see also this paragraph... )

• The 2 icons next to that is to indent or remove indents from your paragraphs...

This is one of the most common questions we receive. "Why do you use Arial or Verdana? and Can I change this?" Yes, you can change any font at anytime. HOWEVER. There is a reason we use the ones we do. You cannot guarantee that any other computer has the same font that you do and so your "beautiful website" that you thought you created will be messed up to anyone else. Using Verdana, Arial, even Times New Roman gives you the guarantee that your site will look the same to everyone.

If there is a specific section and font you just "have to have" you CAN create an image with this font and information. The upside to this option is, everyone will see your pretty font with the exact layout you provided. The downside is, whatever information you put into this image is completely unreadable by the search engines.

We recommend that you think long and hard about changing any fonts, or using images. Most people do not care what the font is, as much as they care that they are looking at a clean, nice looking site with good information.

Another "common question" we receive... "Can I change my font sizes to small, larger, etc..." Yes, of course you can. HOWEVER... There is again, another reason we use the sizes we do.

#1 - Changing the font sizes can cause layouts to be messed up.

#2 - Search Engines - SE bots read different sizes as different meanings. Using too many larger fonts can cause SE bots to think you are a "spam" or useless site. Using too many smaller fonts can cause them to believe you have no "important points".

#3 - "My site is geared to older readers that may have trouble reading this site" Believe it or not, this is more than likely not a problem. If the older readers have that much trouble reading smaller fonts, they've already set their computer and internet settings to override everything you've done and turned their fonts into automatically be larger. So you changing it will actually not help them, but will irritate anyone else that comes to your website.

Standard Sizes and Uses:

"Heading 1" and/or Size 12pt - Recommended for headings and major focus lines. This will be "important" to the search engine bots and they will focus in on these.

Size 10pt - Secondary headers...

Size 9pt - This size is the perfect size for your text. It is easy to read and will not mess up the layouts of your template. It is a standard size for 90% of the websites out there.

Size 8pt - Can also be used for "definitions" or other sections where you are making a "Note" ... The smaller font triggers the brain into thinking its "fine print" and they should probably at least glance at it.

Automatic - Will be the standard (usually black unless otherwise dictated by your CSS)

Standard Colors - Is the most common colors used...

Document Colors - Is the colors currently being used on your page...

More Colors - Is where you can choose a color from the entire RGB spectrum...

HOWEVER (You didn't think it was going to be THAT easy did you! J ... Oh No.. No.. No...)

Colors are VERY powerful. They can create many different feelings, meanings & problems in your website, which is why you want to be very careful on what you choose.

#1: Search Engines - NEVER use colors that blend in with the background. (IE: If I used white text right now...) This will make the search engine think you are SPAMMING. It will do absolutely NO good to use this tactic, and in fact could destroy your entire website.

#2: Moods - As tempting and fun as color text sounds you can hurt yourself with customers in a heartbeat. For example...

RED - A powerful color and can show something is important, overuse it and it can cause feelings of anger with your customers...

YELLOW & "NEON"/BRIGHT Colors - A bad choice for any website. These colors are very hard to read (as you can see above) on any computer monitor. It causes your text to not be readable and will probably cause you to lose several customers

ANY OTHER COLOR - Using it for special phrases and information can be beneficial and powerful. But do not over use this feature... We recommend that you don't do this often, but when you do use colors from the "Document Color" section, so that it matches with your website and doesn't disrupt the feel and class of the site you worked so hard on.

"HIGHLIGHT TEXT" Section:

Does this look nice to you??

The only reason this feature should or could be used is in "school" or "education" websites... Use it when you would use a "highlighter" because that is exactly what this feature is for.

"STYLE" Section:

There are many more options in this list, and you can make each piece of this do specific things (text color, sizes, bold, italics and more..) with your CSS files. We recommend you use this to ability to keep your website "uniform" and standard.

<< Page Names Tutorial - Main Tutorial Page - Robots.txt Tutorials >>