Questions tagged [line-height]
Line-height is the vertical space between lines of text on a page, also called leading.
17
questions
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 ...
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?
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 ...
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 ...
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 (...
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 ...
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? (...
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 ...
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 ...
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 ...
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 ...
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 ...
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. ...
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?
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 (...
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?
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 ...