Several pages that make use of the <font> tag to identify the font styles on the page are to a great extent bigger to download than pages that apply CSS. The difficulty with the font tag is that it can be brought to an end by numerous other tags on the page. For instance, in a table, all table cells have to an extra font tag to make certain that the font keeps it identity right through the table. If you utilize style sheets, you can label the font style for each table cell with merely one style property.

Web pages can be downloaded very fast with the help of external style sheets. You may not give much importance to it. You might consider that it wouldn’t be an issue. Nevertheless, if a web page wishes for the styles, it will be downloaded by the browser. If your visitor only ever views one page on your site, the styles will be downloaded. But once you get them downloaded, they are cached. If your styles are cached, every succeeding page that is downloaded simply necessitates the browser to download the HTML. Inserting styles inline or embedded in the page also needs that every page be looked after individually. So, maintaining your styles in embedded style sheets, you help your users and reduce your maintenance work.

The font tag has made way for Cascading Style Sheets. So it is very important to know how to alter the font size, color and appearance with CSS. You can control different aspects of font more effectively that includes the setting of style in pixels. Using CSS font properties you can give your web pages a unique and appealing look. The various parts of a font include: color, font-family and font-size.

To modify the color of the text, only use the CSS color style property. You can employ either name of colors or hexadecimal codes. As it happens with all colors on the Web, it is always advisable to use browser safe colors. Try out the subsequent styles in your Web pages:
<span style=”color: #ff0000;”>this font color is red</span>
<span style=”color: #0000ff;”>this font color is blue</span>

While setting font sizes on the web, you can either set it in relative sizes or be very precise through the use of centimeters, pixels or inches. The more accurate font sizes are intended to be used for print and not for Web pages, where every person who sees your website might possess a dissimilar resolution, monitor size or default font setting. So, if you prefer 15px as your default size, you might be objectionably astonished to observe how big or small your font provides to your visitors.
<span style=”font-size: 1.5em;”>the font size is 1.5em</span>
<span style=”font-size: 1em;”>this font size is 1em</span>
<span style=”font-size: .75em;”>this font is .75em</span>

One of the preferred font families is <span style=”font-family: arial, geneva, helvetica, helv, sans-serif;”> This set is a sans-serif font group and while geneva and arial do not look appallingly alike, they both are reasonably standard on Macintosh and Windows computers. You can use helvetica and helv for users on other platforms like Unix or Linux that might not have a strong font collection.

Tags: CSS Fonts for Quick Download