Best of Typography — October 2024

1. 1
   Video

   Kevin Powell·2y

   Please, don’t use viewport units for font sizes

   Using viewport units for font sizes might seem like a good idea for responsive text, but it can lead to significant issues such as excessively small or large text and failures in accessibility criteria. Instead, using the CSS clamp function offers a more effective solution, allowing text to grow and shrink appropriately within defined limits. Tools like utopia.fyi can help set appropriate font sizes and scales for flexible, responsive typography.

   50

   1
2. 2
   Article

   Svelte Blog·2y

   The Omnisite

   The launch of Svelte 5 and the new sv CLI comes with a redesigned, unified website under the svelte.dev domain. This consolidation resolves issues such as inconsistent navigation, broken links, and isolated preferences across different sites. The updated site features a calm, cohesive layout, with a simplified color palette, improved button styles, and a new typographic approach using serif fonts to enhance readability and distinctiveness. The site is now open source, inviting community contributions.

   38

   2
3. 3
   Video

   Kevin Powell·2y

   Don't use viewport units for font-size

   Using viewport units for font size in web design may seem advantageous for creating fluid typography, but it raises significant accessibility and resizing issues. Instead, employing the CSS clamp function offers a better solution, ensuring minimum, maximum, and dynamic growth for font sizes without compromising user preferences. Tools like Utopia can help generate appropriate CSS to handle various viewport and font sizes efficiently.

   32

   1