CSS Web Fonts

➢Web fonts allow Web designers to use fonts that are not installed on the user's computer.
➢When you have found/bought the font you wish to use, just include the font file on your web server, and it will be automatically downloaded to the user when needed.
➢Your "own" fonts are defined within the CSS @font-face rule.
➢In the @font-face rule; first define a name for the font (e.g. myFirstFont) and then point to the font file.

EXAMPLE:

@font-face {
     font-family: myFirstFont;
     src: url(sansation_light.woff);
}

div {
     font-family: myFirstFont;
}

Run

Using Bold Text

EXAMPLE:

@font-face {
     font-family: myFirstFont;
     src: url(sansation_light.woff);
     font-weight: bold;
}

Run

Prev Page Next Page