Always test your chosen line-height and letter-spacing values across different font sizes and devices. What looks good on a desktop might feel cramped or too loose on mobile. Aim for a 'just right' visual balance that enhances readability without drawing attention to itself.
/* Optimize paragraph readability */
p {
font-family: 'Inter', sans-serif;
font-size: 1rem; /* Base size for body copy */
line-height: 1.6; /* Generous line spacing for legibility */
letter-spacing: 0.005em; /* Small positive adjustment for most sans-serifs */
}
/* Enhance heading impact and readability */
h2 {
font-family: 'Playfair Display', serif;
font-size: 2.25rem; /* Larger heading size */
line-height: 1.2; /* Tighter line spacing for headings */
letter-spacing: -0.02em; /* Slight negative letter spacing for display fonts */
}