Website Template Font Colors

Changing Font Color, Size and Face


The colors, sizes and face of the fonts in all our templates is controled by the .css files. (This does not include the Flash animation) Some templates have a "coolstyle.css" and some have a "corporatestyle.css". They both work the same way. You will edit either in Notepad or a simple text editor.

Any changes you make in the .css file will globally effect every page in your template. For example:

Default text css
Allwebco templates define the default font used in the body of the HTML pages using one of the three following lines of code or variations of "table, div, body" css code. Code will be near the top of your css file.

table { color: #000000; font: 12px arial, sans-serif; }

Or as a div:

div { color: #000000; font: 12px arial, sans-serif; }

Or as body:

body { color: #000000; font: 12px arial, sans-serif; }

In the above 3 examples, all text within a table, div or the body respectively will use the font sizes as defined in the code.

Title & subtitle css
Css code for template titles will be the following:

.title { color: #000000; font: 18px arial, sans-serif; font-weight: bold; }

.subtitle { color: #FF3300; font: 15px arial, sans-serif; font-weight: bold; }

The above lines globally control the fonts for the entire template. You can freely experiment with other sizes and colors. See links below for color choices and Flash animation.

About css "line-height" line spacing
Line-height is CSS code that is used to determine how high the actual space for text should be per line. If you want more space between text lines on a template page, you can edit ,or add this code if it is not included. The code will be similar to the following in the template CSS file(s):

table { color: #000000; font: 12px arial, sans-serif; line-height: 18px; }

Line-height can be added to any type of text in your CSS file.

About "web safe" fonts
Although any font can be specified in the CSS files for the text in a template, if your visitor does not have that font installed on their computer, the website will not display webpages with that font face. In this case, the next font in the list defined by the CSS code will be displayed, i.e. "arial, verdana, sans-serif".

Fonts that are considered "web safe" include:

The Sans-serif family
Arial, Verdana, Geneva, Helvetica, sans-serif

The Serif family
Georgia, Times New Roman, Times, serif

The Monospace family
Courier New, Courier, monospace

For more info on web safe fonts and css font codes, see: CSS web safe fonts Google search.



Related Topics:
Changing Link Colors
Adding New Font Styles
Editing the Flash Animation
Adding a Second Link Class (advanced)

Links:
Font Colors
Color Mixer Software
Color Selection Website


Allwebco Template Support


Allwebco Website Template Support


Template Colors
Allwebco Template Support
More Color Details
Allwebco Template Support
Shifting Colors
Allwebco Template Support
Font Colors
Allwebco Template Support
Link Colors
Allwebco Template Support
Form Colors
Allwebco Template Support
Scrollbars
Allwebco Template Support
Buttons
Allwebco Template Support
Hex Colors
Allwebco Template Support
Add New Colors
Allwebco Template Support
New Link Colors
Allwebco Template Support



Allwebco Chrome Templates
Quick color change css web templates.
AllwebcoDesign.com
Web Site Templates
Shopping Cart Templates
Professional templates with built-in Paypal.
AllwebcoDesign.com



Website Template Support
Website Template Support