Typscool

Typscool is a typography scale generator and CSS system builder for designing and coding web typography. It is built around previewing real web typography, pairing fonts, creating font styles, and downloading production-ready style files.

Its feature set centers on building consistent typography systems. Typscool includes modular scales for pre-defined web-friendly heading and body text sizes, real-time text rendering as settings change, and access to preview and pair from a library of 1,400 fonts. It also supports responsive scale views for desktop, tablet, and mobile, global settings for weight, height, and letter-spacing, template switching based on project type, content density, and layout, and a dedicated hierarchy preview panel that shows headings and body text with calculated sizes in px, rem, and em. Accessibility and reading are addressed through text color, contrast, and size controls. Export options convert specs into a CSS file with a reference note, and the page also names CSS variables, Tailwind configurations, and design tokens as export outputs.

The interface is described as modern and easy to use, with keyboard shortcuts for settings and template switching. The page says it is intended for both designers and developers and can make them productive in minutes. It is delivered as a web app, with prompts such as Save App and Launch App appearing on the page.

Typscool states that it will remain free forever, and the page credits CodelessWeb as the builder and manager of the service.