PDA

Click to See Complete Forum and Search --> : fonts in css



lobi
04-12-2007, 03:29 AM
how can make fonts very dynamic and attractive in css.

catbert303
04-12-2007, 07:41 AM
With CSS you're limited to the fonts the visitor to your site has installed. A common work around for people wanting to use less common fonts (and best suited for use with headings) is to use somekind of image replacement - a simple example might work a little like this:


#my-heading {
width: 300px; height: 50px;
background: url(image_with_my_heading_text.gif) no-repeat 0 0;
text-indent: -9999em;
}


<h1 id="my-heading">The text for my heading</h1>

A slightly different approach would be to use sifr http://www.mikeindustries.com/sifr/ instead of an image this uses a flash movie to display the text.