WebDevelopersNotes logo

home-icon Home / Web Design / Headings and Fonts

Headings and Fonts

Headings and Fonts

One of the variables in web page design is ignorance of fonts installed on the visitor’s computer. Though, specifying various fonts and font families through Style Sheets and the <font> tag is fine for body text, the emphasis from headings might be lost if they employ a singular font.

Headings are an important part of design. They provide a logical structure to a document and have to be rendered in the same fashion as specified by the designer.

But how to you keep the consistent display of headings when you don’t know the fonts installed on the client?
A straight solution is to present headings in form of graphics rather than HTML text. You can then have the freedom to choose the font and the typography, without worrying about its final display.

Check the following examples of headings. All images below are GIFs.

Heading 11176 bytes, 4 color gif
Dimensions: 194 X 53

Heading 21872 bytes, 16 color gif
Dimensions: 179 X 54

Heading 31741 bytes, 4 color gif
Dimensions: 269 X 64

Take care not to overload the page with graphics and optimize all the image files.

Sponsored Links

Your comments
Star icon IMPORTANT Have a question / problem? Click here to ask an expert.

Browse, Browser, Browsest

Sponsored Links

Tips

How do I view a deleted web page?
Is there a way to view a deleted web page - one that is no longer available? Yes there is and the solution is quite simple. [more...]

Fact

The highest-selling computer of all time is Commodore 64. It was introduced in 1982 and sold anywhere between 12.5 to 17 million units. The company was founded by Jack Tramiel, a Polish-American businessman, and was also the first to produce a personal computer available off the shelf, the Commodore PET. unfortunately, the dream run didn't last long and Commodore International filed for bankruptcy on 29th April 1994. [more...]

We use cookies to give you the best possible website experience. By using WebDevelopersNotes.com, you agree to our Privacy Policy