Questions tagged [line-height]

Line-height is the vertical space between lines of text on a page, also called leading.

Filter by
Sorted by
Tagged with
25
votes
2answers
1k views

What are standard ratios for typography on the web?

In laying out a web design, I often try to make sure that my typography is proportional and consistent. However, I haven't been able to find any definitive articles or resources on what ratios and ...
0
votes
0answers
61 views

Are these line height calculations legible and pleasing?

I experimented a bit with calculating line-height of text with respect to rem and em units. What I came up with is this calculation: line-height: calc((1rem * 6 / 10) + (1em * 8 / 10)); I've made a ...
0
votes
0answers
22 views

Error in Line drawing

I'm building my resume from a template I found online for Adobe Illustrator. When I copy the line and use in somewhere else, then the line thickness increases automatically even though its the same ...
1
vote
1answer
93 views

Equilateral triangle of font size, line length and height

I've come across this quiz on betterwebtype where you get a slider to adjust one of three parameters: font size, line height (leading) and line length to make "the perfect paragraph". While the quiz ...
2
votes
0answers
43 views

Should a typographical scale refer to line-height or to the font-size?

First of all, I want to apologize to any serious typographers for using the names of css-attributes instead of proper names. With "font-size" I mean here the defined font-size as one would in css (...
2
votes
4answers
2k views

Imitate handwritten text

I want to make a text that looks as handwritten as possible. I’m using InDesign but I’m happy to try other programs if they can solve my problem. The text should look like it’s written by a human. I ...
0
votes
2answers
139 views

Editorial Design: General recommendations for leading?

In the context of editorial design, by which I mean the type setting of running text; Is there a set of general recommendations for the amount of leading that should be applied in relation type size? (...
2
votes
3answers
328 views

How to properly set the css leading

I have a situation trying to figured it out how o properly use and set the css leading when we have something like this: Even if the line-height is the same, the first 2 lines look pretty far away ...
0
votes
2answers
1k views

How to measure distance between text and element in Photoshop

I find measuring the distance between an element and text rather complicated. Cause I need to first know the biggest letter and measure the distance from that to the element. Then substract the ...
12
votes
2answers
4k views

How to construct “lowercase digits” (i.e. text figures)?

Is there an accepted way to adjust font glyphs in order to simulate text figures? Background Text figures are "lowercase" digits. You normally use lowercase digits where you also use lowercase text (...
3
votes
4answers
2k views

Is line height related to the typeface used in css?

I am trying to figure out how line-height in css works. I am setting body line-height to 1.5em ( 24px ). And I am using a link tag with font-size 24px. I am expecting the total height of the inline ...
4
votes
1answer
9k views

How to create a page template of solid and dotted lines for handwriting practice?

I am looking to make a tear off children's handbook for writing practice of words. I wanted to know how make "dotted lines" or "four lines" template that is to the standards of what child handbooks ...
24
votes
2answers
17k views

Optimum line height in relation to font size

Is there an agreement on what the optimum mathematical proportion of line height and the size of a text is? And if there is, is it the same for print and web?
0
votes
1answer
540 views

Choosing an appropriate font weight and line height

Typically a back-end engineer, I'm venturing into the world of vector design, trying not to hurt myself on the way. I'm aware that I'm struggling to size things, with my home brewed typography style ...
2
votes
2answers
51k views

Creating series of horizontal lines in photoshop

I want to create this final output of image as in this answer, so first I need to create horizontal lines. I am very new to photoshop and a bit aware of Gimp. As I see every answer is in photoshop. ...
4
votes
1answer
418 views

Line spacing in a block of text

Generally speaking, does there exist an "optimal" line height as a proportion of how high the text is, for maximum readability?