What is the amount of vertical space between the lines of text in a paragraph called?
Use the line-height property in CSS to do so. Browsers by default will create a certain amount of space between lines to ensure that the text is easily readable. For example, for 12-point type, a browser will place about 1 point of vertical space between lines. The space between lines of text is called the leading, a term loosely inherited from print publishing. Line-height uses the standard CSS units of measurement, just like letter-spacing. You can designate text to have 26 points of leading like this: The text in this paragraph would have 26 points of leading. .oneandhalf {line-height: 1.5em;} The text lines in this paragraph would have 1.5 lines of spacing regardless of font size. line spacing120–145% of the point size Line spacing is the vertical distance between lines of text. Most writers use either double-spaced lines or single-spaced lines—nothing in between—because those are the options presented by word processors. These habits are obsolete typewriter habits. Originally, a typewriter’s platen could only move the paper vertically in units of a single line. Therefore, line-spacing choices were limited to one, two, or more lines at a time. Single-spaced typewritten text is dense and hard to read. But double-spacing is still looser than optimal. For most text, the optimal line spacing is between 120% and 145% of the point size. Most word processors, as well as CSS, let you define line spacing as a multiple. Or you can do the math—multiply your point size by the percentage. (The text in this paragraph has line spacing of 110%. It’s too tight.) For most text, the optimal line spacing is between 120% and 145% of the point size. Most word processors, as well as CSS, let you define line spacing as a multiple. Or you can do the math—multiply your point size by the percentage. (The text in this paragraph has line spacing of 135%. It looks fine.) For most text, the optimal line spacing is between 120% and 145% of the point size. Most word processors, as well as CSS, let you define line spacing as a multiple. Or you can do the math—multiply your point size by the percentage. (The text in this paragraph has line spacing of 170%. It’s too loose.) Word processors have a bewildering number of ways to set line spacing. Don’t be thrown off—it all comes back to the same thing. How to set line spacing WordRight-click in the text and select Paragraph from the menu. Go to the menu under Line spacing. Exactly is best—enter a fixed measurement. Single, 1.5 lines, and Double are equivalent to about 117%, 175%, and 233% line spacing, contrary to what their names suggest. Don’t use these—they miss the target zone of 120–145%. Multiple is also acceptable—enter line spacing as a decimal. To get line spacing in the 120–145% range, use a Multiple value of 1.03–1.24. (Not 1.20–1.45—as noted above, Word uses peculiar line-spacing math.) Never use At least, because that gives Word permission to adjust your line spacing unpredictably. PagesView → Show Toolbar (or option + ⌘ + t) → Format button → Style pane → under Spacing, there’s a popup menu. Exactly is best—enter a fixed measurement. You can also use the Lines option, but like Word, it adds extra space—about 17%. Therefore, to get line spacing in the 120–145% range, use a Lines value of 1.03–1.29. Avoid the other options. CSSUse the by the way
The amount of vertical space between lines of type is referred to as line spacing or leading. The latter term dates back to the days of metal type, when lead strips of varying thicknesses were inserted between lines of type to create space. Without this leading, type was (and still is) described as being set solid. In today’s digital world, the adjustment of line spacing is made much more easily – with the click of a mouse. Line spacing is measured from baseline to baseline. In print, it is traditionally measured in points (or as normal, double and triple in some word processing programs). But for the web and digital devices, it is commonly referred to as line height, and can be expressed in pixels, points or centimeters (px, pt or cm), or as a percentage of the type size (120% or 1.2). Other accepted terminology includes normal, small and big. The many differences between an unkerned setting (upper) and one that has been kerned (lower) can clearly be seen here.
Even at the same type size, line spacing will vary from typeface to typeface. The Bernhard Modern™ typeface (left), with its short x-height, looks fine at 15/16 point, but the Baskerville™ eText design (middle) has a much larger x-height, making it appear cramped at the same size and leading. Its readability is greatly improved when the line spacing is increased to 20 points while keeping the type size the same (right). Regardless of media or output – print or digital, line spacing remains an extremely important aspect of setting inviting, readable text. In most instances, generous line spacing helps the eye and brain to more easily decipher the character shapes, words and word groupings, which is how we read. The smaller the type size, the greater the line spacing needed, proportionally speaking, to offset the reduced readability of small settings. Other factors affecting line spacing are the x-height of a typeface, as well as the cap height at a given point or pixel size, which can vary from typeface to typeface. The taller the x-height (and, correspondingly, the shorter the ascenders and descenders), the more line spacing is needed to maintain good readability and prevent the setting from looking cramped. Most design software programs include a default line spacing setting that is typically 120% of the type size (although it is possible to change the default setting). While the default formula can be a useful time-saver when experimenting with setting text at various sizes, the best end result will be achieved by deciding on a fixed value selected for the size of type ultimately used in the specific layout. The Malabar™ eText design looks quite cramped when set with auto leading, 14/16.8 point. It becomes much easier to read when line spacing is increased, making it 14/21 point. When text is set solid (upper) – even at a generous point size – it can be difficult to read, as illustrated in this setting of the Metro® Nova typeface at 18/18. Reducing the size of the type while keeping the line spacing the same (13/18), makes the text much easier to read, even at a smaller type size (lower). Download the Line Spacing For Text Article |