Help Center Tutorials
Fonts & Font Sizes
<< Page Names
- Main Tutorial Page
- Robots.txt Tutorials >>
The image above shows you the different features on the
"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
The 4 "line" Icons next to the "U" - These are Text
The first is "normal" or "left" align. It makes
your text begin on the left and go out from there...
The second is "center". This will align all text
you select in the center of your table or page.
The third is "right" align. It makes your text
align against the right side of the page...
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
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...
"FONT NAME" Section: This section is where you can choose what
font you want your text to be.
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
SIZES" Section: This section is where you can change the size and
point of your font...
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.
COLORS" Section - This section is where you can change your text to
any color in the rainbow...
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
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
#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...
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
TEXT" Section: This feature is not a choice we suggest you make...
This is something that was used in early website design. It's now used
on SPAM and GURU sites, and doesn't help your website at all.
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.
Section: This section gives you the ability to change the
"importance" of specific text. For example Google looks at "Heading 1"
text as more important than "Normal"... Just do NOT abuse this feature,
because you can seriously hurt yourself in the search engines.
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
- Main Tutorial Page
- Robots.txt Tutorials >>