Everything I've learned In the Second Book! Page 3

Fonts:

When using fonts you need to use The (font-family :"name of font"; )In the head of the Page under the CSS style type="text/css" tag
an example is found on the Font Examples. See Example 1

Font Example 1

When using fonts you need to be aware of the users computer and use something that all systems may use.
In the next example you will see 5 different Fonts each system interperates them alittle different but these are generic
and should work on all operating systems. See Example 2

Font Example 2

Sometimes you want to use a non Generic font. you do this you would have to define it with @font-face.
This tag will allow you to define a font that will be in a web page that does not require the OS to have the font
in the font list. See Example 3

Font Example 3

Font Formats:

1. TTF-True Type Format: well supported but not by all browsers
2. OTF-Open Type Format: Supported by most browsers except Internet Explorer
3. WOFF: Supported by Firefox mostly
4. EOT: Supported by Internet Explorer

You Can combined the List technique and a font conversion tool to cover multiple formats for the same font.
That way the font you choose will definiately work with different browsers.

Here is a Free font conversion tool To help convert to any format.

You can also use an imagine for a font heading, but it has many downfalls, so I will skip that description in this web page.

Font-sizing:

Font sizing can be done with many different ways. There are some better than others play around with these
to see which are better for you.See Example 4

Font Example 4

CSS properties:

Css Properties that pertain to fonts plus more. style type="text/css" is very helpful
and you can see the use of some in the example 5

Font Example 5

Class and Style with CSS Next Page

Back Home