The good line-height
Calculate the line-height so that it fits to the baseline grid.
āĻ¸ā§āĻā§āĻ°
50
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°āĻāĻžāĻ°ā§āĻ° āĻ°ā§āĻāĻŋāĻ
1.0
āĻŦāĻŋāĻ¨āĻžāĻŽā§āĻ˛ā§āĻ¯ā§/āĻā§āĻ°āĻžāĻ¯āĻŧāĻžāĻ˛ āĻ¸āĻšāĻžāĻ¯āĻŧāĻ¤āĻž
āĻ¸āĻŽāĻ°ā§āĻĨāĻŋāĻ¤
āĻļā§āĻ°ā§āĻ° āĻŽā§āĻ˛ā§āĻ¯
--
āĻ¸āĻ°ā§āĻŦāĻļā§āĻˇ āĻāĻĒāĻĄā§āĻ
āĻāĻāĻ¸ā§āĻ 04, 2026
āĻ¸āĻāĻā§āĻˇāĻŋāĻĒā§āĻ¤āĻ¸āĻžāĻ°
The good line-height āĻā§?
āĻā§āĻĄ āĻ˛āĻžāĻāĻ¨-āĻāĻā§āĻāĻ¤āĻž āĻāĻāĻāĻŋ āĻĄāĻŋāĻāĻžāĻāĻ¨ āĻā§āĻ˛ āĻ¯āĻž āĻĄāĻŋāĻāĻžāĻāĻ¨āĻžāĻ° āĻāĻŦāĻ āĻĄā§āĻā§āĻ˛āĻĒāĻžāĻ°āĻĻā§āĻ° āĻ¸ā§āĻŦāĻ¯āĻŧāĻāĻā§āĻ°āĻŋāĻ¯āĻŧāĻāĻžāĻŦā§ āĻĒāĻžāĻ ā§āĻ¯ā§āĻ° āĻāĻāĻžāĻ° āĻāĻŦāĻ āĻā§āĻ°āĻŋāĻĄ āĻ¸ā§āĻāĻŋāĻāĻ¸ā§āĻ° āĻāĻĒāĻ° āĻāĻŋāĻ¤ā§āĻ¤āĻŋ āĻāĻ°ā§ āĻāĻĻāĻ°ā§āĻļ āĻ˛āĻžāĻāĻ¨ āĻāĻā§āĻāĻ¤āĻž āĻāĻŖāĻ¨āĻž āĻāĻ°ā§, āĻ˛ā§āĻāĻāĻāĻā§āĻ˛āĻŋāĻ¤ā§ āĻāĻ°āĻ āĻāĻžāĻ˛ āĻĒāĻ āĻ¨āĻ¯ā§āĻā§āĻ¯āĻ¤āĻž āĻāĻŦāĻ āĻāĻŋāĻā§āĻ¯ā§āĻ¯āĻŧāĻžāĻ˛ āĻ¸āĻžāĻŽāĻā§āĻāĻ¸ā§āĻ¯ āĻ¨āĻŋāĻļā§āĻāĻŋāĻ¤ āĻāĻ°ā§ āĻāĻžāĻāĻĒā§āĻā§āĻ°āĻžāĻĢāĻŋ āĻ āĻĒā§āĻāĻŋāĻŽāĻžāĻāĻ āĻāĻ°āĻ¤ā§ āĻ¸āĻšāĻžāĻ¯āĻŧāĻ¤āĻž āĻāĻ°ā§āĨ¤
The good line-height āĻā§ āĻāĻžāĻā§ āĻŦā§āĻ¯āĻŦāĻšā§āĻ¤ āĻšāĻ¯āĻŧ?
āĻā§āĻ¯āĻžāĻ
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°āĻāĻžāĻ°ā§ āĻā§āĻ°ā§āĻĒ
āĻļā§āĻ°ā§āĻˇ āĻŦā§āĻļāĻŋāĻˇā§āĻā§āĻ¯
- āĻ¸ā§āĻŦāĻ¯āĻŧāĻāĻā§āĻ°āĻŋāĻ¯āĻŧ āĻ˛āĻžāĻāĻ¨-āĻāĻā§āĻāĻ¤āĻž āĻāĻŖāĻ¨āĻž
- āĻā§āĻ°āĻŋāĻĄ āĻāĻ¨ā§āĻāĻŋāĻā§āĻ°ā§āĻļāĻ¨
- āĻĢāĻŋāĻāĻŽāĻž āĻĒā§āĻ˛āĻžāĻāĻāĻ¨ āĻ¸āĻžāĻŽāĻā§āĻāĻ¸ā§āĻ¯
- āĻ°āĻŋāĻ¯āĻŧā§āĻ˛-āĻāĻžāĻāĻŽ āĻ¸āĻžāĻŽāĻā§āĻāĻ¸ā§āĻ¯
The good line-height āĻā§āĻāĻžāĻŦā§ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°āĻŦā§āĻ¨?
āĻĢāĻŋāĻāĻŽāĻž āĻĒā§āĻ˛āĻžāĻāĻāĻ¨, āĻāĻ¨āĻĒā§āĻ āĻĢāĻ¨ā§āĻā§āĻ° āĻāĻāĻžāĻ° āĻāĻŦāĻ āĻā§āĻ°āĻŋāĻĄ āĻ¸āĻžāĻ°āĻŋāĻ° āĻāĻā§āĻāĻ¤āĻž āĻāĻ¨āĻ¸ā§āĻāĻ˛ āĻāĻ°ā§āĻ¨ āĻāĻŦāĻ āĻā§āĻ˛āĻāĻŋ āĻāĻĒāĻ¨āĻžāĻ° āĻĒāĻžāĻ ā§āĻ¯ā§āĻ° āĻāĻ¨ā§āĻ¯ āĻ¸āĻ°ā§āĻŦā§āĻ¤ā§āĻ¤āĻŽ āĻ˛āĻžāĻāĻ¨-āĻāĻā§āĻāĻ¤āĻž āĻ āĻ¨ā§āĻĒāĻžāĻ¤ āĻāĻŖāĻ¨āĻž āĻāĻ°ā§, āĻĄāĻŋāĻāĻžāĻāĻ¨ āĻĒā§āĻ°āĻāĻ˛ā§āĻĒā§ āĻĻā§āĻ°ā§āĻ¤ āĻ¸āĻŽāĻ¨ā§āĻŦāĻ¯āĻŧā§āĻ° āĻ āĻ¨ā§āĻŽāĻ¤āĻŋ āĻĻā§āĻ¯āĻŧāĨ¤
āĻŦāĻŋāĻāĻ˛ā§āĻĒ āĻā§āĻ˛
āĻā§āĻ¨ āĻŦāĻŋāĻāĻ˛ā§āĻĒ āĻā§āĻ˛ āĻĒāĻžāĻāĻ¯āĻŧāĻž āĻ¯āĻžāĻ¯āĻŧāĻ¨āĻŋ
āĻ¸ā§āĻŦāĻŋāĻ§āĻž & āĻ āĻ¸ā§āĻŦāĻŋāĻ§āĻž
āĻ¸ā§āĻŦāĻŋāĻ§āĻž
- āĻāĻžāĻāĻĒā§āĻā§āĻ°āĻžāĻĢāĻŋāĻ° āĻ§āĻžāĻ°āĻžāĻŦāĻžāĻšāĻŋāĻāĻ¤āĻž āĻāĻ¨ā§āĻ¨āĻ¤ āĻāĻ°ā§
- āĻŽā§āĻ¯āĻžāĻ¨ā§āĻ¯āĻŧāĻžāĻ˛ āĻāĻŖāĻ¨āĻžāĻ° āĻ¸āĻŽāĻ¯āĻŧ āĻŦāĻžāĻāĻāĻžāĻ¯āĻŧ
- āĻĢāĻŋāĻāĻŽāĻžāĻ° āĻ¸āĻžāĻĨā§ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°āĻž āĻ¸āĻšāĻ
āĻ āĻ¸ā§āĻŦāĻŋāĻ§āĻž
- āĻĢāĻŋāĻāĻŽāĻž āĻĒā§āĻ˛ā§āĻ¯āĻžāĻāĻĢāĻ°ā§āĻŽā§ āĻ¸ā§āĻŽāĻžāĻŦāĻĻā§āĻ§
- āĻŽā§āĻ˛āĻŋāĻ āĻ¨āĻāĻļāĻž āĻā§āĻāĻžāĻ¨ āĻĒā§āĻ°āĻ¯āĻŧā§āĻāĻ¨ āĻšāĻ¤ā§ āĻĒāĻžāĻ°ā§
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°ā§āĻ° āĻā§āĻˇā§āĻ¤ā§āĻ°ā§
- āĻāĻ¯āĻŧā§āĻŦ āĻĄāĻŋāĻāĻžāĻāĻ¨ āĻĒā§āĻ°āĻāĻ˛ā§āĻĒ
- UI/UX āĻĒā§āĻ°ā§āĻā§āĻāĻžāĻāĻĒāĻŋāĻ
- āĻĒā§āĻ°āĻŋāĻ¨ā§āĻ āĻ˛ā§āĻāĻāĻ āĻ āĻĒā§āĻāĻŋāĻŽāĻžāĻāĻā§āĻļāĻžāĻ¨
The good line-height āĻŽā§āĻ˛ā§āĻ¯
āĻŦāĻŋāĻ¨āĻžāĻŽā§āĻ˛ā§āĻ¯ā§ āĻĒāĻ°āĻŋāĻāĻ˛ā§āĻĒāĻ¨āĻž
āĻā§āĻ¨ āĻŦāĻŋāĻļāĻĻ āĻŽā§āĻ˛ā§āĻ¯ āĻ¤āĻĨā§āĻ¯ āĻāĻĒāĻ˛āĻŦā§āĻ§ āĻ¨ā§āĻ
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°āĻāĻžāĻ°ā§āĻ° āĻĒāĻ°ā§āĻ¯āĻžāĻ˛ā§āĻāĻ¨āĻž
1.0
ā§Ģ āĻāĻ° āĻŽāĻ§ā§āĻ¯ā§
1.0
āĻāĻāĻ¨āĻ āĻā§āĻ¨ āĻĒāĻ°ā§āĻ¯āĻžāĻ˛ā§āĻāĻ¨āĻž āĻ¨ā§āĻ
āĻāĻ āĻā§āĻ˛ā§āĻ° āĻĒā§āĻ°āĻĨāĻŽ āĻĒāĻ°ā§āĻ¯āĻžāĻ˛ā§āĻāĻ¨āĻžāĻāĻžāĻ°ā§ āĻšāĻ¨!