The essentials of CSS and HTML as web standards opened new doors for web designers but also forced them to adapt their thinking. A case in point is fonts.

In web terms there are few fonts which are recognised by all browser/operating system combinations. Split into font families these are:

Serif: Times, Times New Roman, Georgia, New Century Schoolbook.
Sans-Serif: Arial, Helvetica, Verdana, Trebuchet.
Monospace: Courier, Courier New.
Cursive: Comic Sans, Zapf Chancery, Coronet.
Fantasy: Impact, Western, Papyrus.

Controlling fonts online is not easy since each browser has got a different default font; the best way to declare fonts is in cascading style sheets (css).

It is always good not to declare just one font type

body {font-family: Times;},

In case the browser doesn’t have a default font as the chosen font.

Instead use multiple font decoration:

body {font-family: Times, Times New Roman, Georgia, New Century Schoolbook;}

In this way you ensure that if the first font is not available the browser will choose a latter one and your design will look as you intended.

We can force css to use a font that is not in the list of fonts for the web. But other browsers might not support the same font and the result would be a different work flow from our design. To be safe always use the fonts for web.

Keep in mind:
- font with the same decoration should relate to the same font family;
- size and spacing could have a different visual effect even if the fonts are from the same font family.

Source: Lynda.com

There are 2 general categories for measuring font sizes in cascading style sheets (css) - fixed units and relative measurements.

Fixed units are used for print:
points (12pt)
in (.25in)
cm (30cm)

Relative measurements are used for the web:
em (1em)
ex (1.2ex)
percentage (100%)
pixels (16px)

1em: is relative to the nearest parent font size, and is the most secure because it is supported in Internet Explorer (I.E.).

Ex: is equal to the “x” size of particular font, but the size of the font can change dramatically when changing the font family.

Percentage: is the percentage of the size of the text compared to the default value (100%).

Px: pixels are based on the current resolution of the view, but with I.E. 7 this can create some problems, because the browser doesn’t allow for screen resizing by pixel based font size, so users are not able to change the font size.

The most secure font measurements to use for a web page are therefore: em and percentage.

Source: http://www.lynda.com interactive training.

The favicon is the little icon that usually appears next to the navigation tool bar of your browser.

First of all, you need to create a favcion.

In Photoshop open the icon or logo that you want to use as favicon.
Reduce the size of the icon to 16 pixels by 16 pixels, and save it in PNG 24.

After you save the icon in your image folder, change the name of the file to favico.ico (instead of png).

Then open the website that you are working on, login as admin, go to
ADMINISTER > Themes > Configure

At the bottom of the page you will see a box “Short cut icon settings”.
Browse the file called favicon.ico and upland the file.

Tick off the “default shortcut icon” and save configuration.