Web Quality - Stylesheets
Using stylesheets is crucial for enhancing web quality.
Do Not Use the <font> Tag!
You should use CSS to set the font size on your web pages. Do not use the font tag.
Using the <font> tag increases the document size and makes changing standard text sizes a nightmare.
Imagine the following scenario:
One day, you decide to change the color and size of all headings on your website. With CSS, you can do this with a single line of code. If you used the <font> tag, you would need to modify every heading on every page of your website.
Do Not Use Fixed Font Sizes
Do not use fixed size values. Always use relative size values.
The most important reason for this advice is that fixed sizes cannot be resized by browsers.
Your visitors will use different devices (monitors), different browsing environments (lighting), and possibly disabilities (low vision).
For example, you can set someone's text size to 100% (or medium), the main heading to 140% (or x-large), and the subheading to 120% (or large), allowing users to resize their preferred size using the browser.
Note: The ability to adjust the text size of a web page also changes the number of words printed.
Do Not Use Very Small Default Font Sizes
Some websites use very small font sizes to fit more content on each page or to make the page look more "stylish."
Again, using different devices (monitors), different browsing environments (lighting), and possibly disabilities (low vision) can create reading barriers for users.
Always Use Consistent Background Colors
Most web pages use colors for different text elements. The colors of headings and links are usually different from the main text color.
As a web designer, you should be aware that your visitors can modify default color options.
If you define colors for web elements, you should also define background colors.
If you do not define background colors, your website may be ruined by poor color combinations (such as bright red text on a red background, or dark text on a dark background).