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
0 votes
1 answer
322 views

Bezier pen tool problem

I already have the bezier tool taking different forms, for example, when I draw a straight line, sometimes it doesn't change the width, I can't zoom in or out, then after I finish the line, sometimes ...
Azər's user avatar
  • 1
5 votes
3 answers
856 views

How do you decide the ratio between font-size & line-height?

I don't know if there's a canonical answer, but maybe some theories that you can point me to that I can read about. Do most designers just play it by ear? Or go from the gut?
Kamilski81's user avatar
0 votes
0 answers
68 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 ...
yunzen's user avatar
  • 117
1 vote
1 answer
194 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 ...
user avatar
2 votes
0 answers
58 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 (...
nazim's user avatar
  • 93
2 votes
4 answers
3k 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 ...
mdcq's user avatar
  • 173
0 votes
2 answers
194 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? (...
JoSch's user avatar
  • 1,766
0 votes
2 answers
2k 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 ...
steros's user avatar
  • 203
2 votes
3 answers
373 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 ...
typo_'s user avatar
  • 151
3 votes
4 answers
3k 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 ...
ratata's user avatar
  • 147
4 votes
1 answer
15k 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 ...
localhost's user avatar
  • 317
1 vote
1 answer
828 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 ...
Lee Hambley's user avatar
2 votes
2 answers
62k 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. ...
Anonymous's user avatar
  • 219
26 votes
2 answers
18k 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?
Yisela's user avatar
  • 26.3k
12 votes
2 answers
5k 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 (...
Ian Boyd's user avatar
  • 510
4 votes
2 answers
498 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?
wrongusername's user avatar
26 votes
2 answers
2k 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 ...
Virtuosi Media's user avatar