Jan
2012
Did You Just Delete the < p > < /p > from Your Website Design?
Poisted by : WebGuru Under : Web Design, Web Design Company, Website Design No CommentsMost people are aware of the fact that content is a crucial aspect of any website design. Good content adds value to the site and retains interest of users. Unfortunately, most ignore the fact that apart from quality of the content, its presentation is also important.
For presenting the content in an attractive manner, paying attention to paragraph is important. Here, we will highlight some typesetting conventions and provide you with tips that will help you to adapt them for screens and devices.
The Typeface
Before discussing typeface issues, we would like to clear a myth. Most people associated with any website design company believe that one should exclusively use sans-serif font for body text. However, this is not true for every situation. In certain situations, you can opt for serif fonts. If modified properly, certain serif fonts can be legible and attractive.
Breadth of the font family should be the most important criterion, for selecting a Web font. Check whether the font includes italic and bold styles. Choosing such a font will ensure that you can place greater importance (by using italics/bold styles) to certain aspects of the paragraph.
The second issue related to typeface is rendering. Experienced web design professionals usually opt for embedded and system fonts (example, Verdana) for headings and body text respectively. The main reason why Verdana is popular is because it renders well at small sizes.
In case, you do not want to use Verdana, checking on-page demonstrations of selected fonts can be a great idea. To save time, avoid experimentation with fonts containing the words ‘narrow’ or ‘thin’.
Font Size
Most of us are aware of the fact that all web browsers render content at 16 pixels automatically. This highlights the fact that 16 pixels is the general standard.
In our CSS style sheets, we write 16 pixels as 100%. This is a good idea, because it is similar to what the web browser would have selected for us. In case you want the paragraph content to be more than 16 pixels, edit the value. Opt for a percentage value that is equal to ‘whole pixel’.
Leading
Leading refers to the space between two consecutive lines of information. Leading affects readability, because it highlights rows of glyphs that one should cross from left to right. The main problem with leading is that if it is not used correctly.
If you put in excessive space between lines, the whole text will appear fragmented. On the other hand,
if you avoid using space, the paragraphs will appear cluttered.
Final Touches
We have discussed issues related to typeface, font size, and leading of paragraph text. We understand the fact that in certain situations, you may wish to modify certain paragraphs. Taking the help of special combinators and selectors, you can target particular paragraphs and modify them.
Let us discuss indentation as an example. In web design, indenting the initial line of every paragraphs is the most popular way of dividing paragraphs into sections of information. However, the first paragraph does not require any indentation.
Therefore, you need to exclude this particular paragraph from CSS rule. Opt for the adjacent sibling combinator to target only those paragraphs that have a preceding paragraph.
Add a stylish touch to your content with the help of these tips.


















Copyright © 2010 Webguru. All Rights Reserved.