Most of the people, designers, visualize that typography only consist of choosing a typeface, choosing a font size and whether it should be regular or bold. But there is much more to attaining good typography and it’s in the details that designers frequently forget, These details allow the designer total authority, granting them to create graceful and dependable typography in their designs.
The measure is the range of a line of type. To a reader’s eye, long or short lines can be taxing and disturbing. A long measure confuses the rhythm because the reader has a tough time finding the next line of type. The only time a narrow measure is agreeable is with a minute amount of text. For excellent readability you want the measure to be amidst 40-80 characters, containing spaces.
Leading is the space between the lines of type in a body of copy that plays a major role in readability. Rightly spaced lines make it accessible for a reader to pursue the type and advance the complete display of the text. Leading also amends typographic color, which is the quantity or tone of a composition.
Bounteous factors influence leading: typeface, type size, weight, case, measure, wordspacing, etc. The longer the measure, the more leading is required. Also, the larger the type size, the less leading is essential. A pleasant rule is to set the leading 2-5pt larger than the type size, relying on the typeface. So if you set the type at 12pt, a 15pt or 16pt leading should function great on the web.
3. Hanging Quotes
Hang quotes in the margin of the body of text. By not doing so a quotation mark that is level with the text will hinder the left margin and rattle the flow of the reader. Hanging quotes keeps the left alignment flawless and equalized therefore developing readability.
4. Vertical Rhythm
A baseline grid is the bedrock for persistent typographic pattern on a page. It permits the readers to calmly pursue the flow of the text, which in turn increases readability. A continuous rhythm in the vertical space keeps all the text on a persistent grid so that capacity and balance are maintained all over the page, no matter the type size, leading or measure.
5. Widows and Orphans
A widow is a short line or single word at the end of a paragraph. An orphan is a word or short line at the beginning or end of a column that is separated from the rest of the paragraph. Widows and Orphans create bumbling rags, hinder the reader’s eye and alter readability. They can be bypassed by accommodating the type size, leading, measure, word-spacing, letter-spacing or by introducing manual line breaks.
Offering emphasis to a word without bothering the reader is important. Italic is extensively advised to be the optimal form of emphasis. Some other accepted forms of emphasis are: bold, caps, small caps, type size, color, underline or a different typeface. No matter which you opt for, try to restrict yourself to using only one. Combinations such as caps-bold-italic are troublesome and look awkward.
Always build with a scale, whether it’s the traditional scale developed in the sixteenth century that we’re all familiar with, or one you create on your own. A scale is important because it organizes a typographic hierarchy that boosts readability and conceives consistency and unity within the text.
8. Clean Rags
When setting a block of text unjustified with a left or right alignment, be sure to keep the rag (the uneven side) evened without any abrupt “holes” or amateurish shapes. An awful rag can be alarming to the eye and mislead the reader. A good rag has a “soft” bumpiness, without any lines that are too long or too short. There is no way of governing this in CSS, so to accomplish a good rag you must make manual adjustments to the block of text.