Using web safe Fonts and Colors

iWeb for Musicians

Using Web Safe Fonts & Colors

Main Navigation Menu:

Music Website iWeb Audio Files Music Players Applications SEO Promote Tricks EBlast HTML5 Players

Fonts

If you use fonts that are not from the web safe list, when your page is download to a PC that doesn’t have this font, it will substitute and screw up your layout.

For special occasions, when you must have that really sharp font, convert it to an image. The iWeb Help Menu will tell you how.

If you don’t have it, create a new collection called “Web-safe Mac/Windows in your fonts window and drag all these fonts into it to save you time.

Web Safe Fonts & Colors

Web Safe Fonts

For Mac & Windows:

Arial

Arial Black

Comic Sans MS

Courier New

Georgia

Helvetica

Impact

Times

Times New Roman

Trebuchet MS

Verdana

Colors

You can create beautiful colors and gradients on your Mac but the poor old PC users will never be able to appreciate them.

So that your website doesn’t look yuck to the rest of the world, use web safe colors.

Click on the middle icon in the color window menu bar and then navigate the “Palette:” drop down to “Web Safe Colors”.

You can see that I have saved a few in the swatch boxes at the bottom of the Color window. This is done by selecting a color in the color box and dragging it down. When you click on a saved color it appears in the main color box.

The standard view shows only 15 swatch boxes. Click on the small dot at the bottom of the color window and drag down to expand this to accommodate up to 150 swatches.

You can overwrite any swatch by dropping another color onto its box.

I’ve recently added Hex Color Picker to my Color Window.

This useful plugin will give you the color # of any color in the main color box or, conversely, give you the color that relates to any number you enter.

The plugin is added to the ColorPickers folder in your user library.

If you don’t have this folder then just create it.

The plugin can be downloaded by clicking the icon.

Please donate if you find yourself using this incredibly time saving plugin.

Hex Color Picker