What's the ideal relationship between line-height, font-size, and paragraph margin?

前端 未结 2 380
我在风中等你
我在风中等你 2020-12-31 22:36

For a long time I\'ve noticed that adjusting line-height and adding some extra space between paragraphs both relative to the chosen font-size can m

相关标签:
2条回答
  • 2020-12-31 23:17

    A deep and mathematical answer to your question can be found at "Secret Symphony: The Ultimate Guide to Readable Web Typography": http://www.pearsonified.com/2011/12/golden-ratio-typography.php

    The article takes into account three dimensions: line height, font height adn page width (well, text width) and luckily they also provide a useful calculator: Golden Ratio Typography Calculator (http://www.pearsonified.com/typography/)

    0 讨论(0)
  • 2020-12-31 23:27

    I can't post a detailed answer, I'm afraid, but I'd suggest that you read Tim Brown's article 'More Meaningful Typography', at A List Apart, for guidance.

    In essence, it seems that the width ('measure') of a block of text should be around 50-60 characters, the line-height set at 1.5 (without a unit, which will be 1.5 times the font-size, regardless of the units used to set the font-size).

    Characters themselves seem to be set around the 16px mark, but Tim suggests using a scale, such as that represented by the Golden Ratio to define the relative font-sizing of headings, body text, captions and so forth.

    0 讨论(0)
提交回复
热议问题