A powerful toolkit for building websites with beautiful designs. Typography is a complex system of interrelated styles. 100s of style declarations on dozens of elements must be in harmonious order. Trying one design change can mean making dozens of tedious recalculations and CSS value changes. Creating new Typography themes with CSS feels hard. Typography.js provides a vastly simpler way to define and explore typography designs. You provide configuration to the Typography.js JS API and it uses its Typography engine to generate CSS for block and inline elements. Typography.js makes it easy to create designs that are unique, personal, and custom to your project. Typography.js themes are simple Javascript objects. As such they’re easy to share across projects or even open source and share via NPM. Plugins are functions that extend or modify the core Typography engine.
Features
- Change how headers are styled or add specialized styles e.g. for code or tables
- We maintain 30 (and counting) themes that are ready to use on your next project
- Themes are just javascript objects so it’s easy to modify them as needed
- Use the imperative API overrideThemeStyles to directly set/override styles on a theme
- Plugins are functions that extend or modify the core typography engine. they can change how headers are styled or add specialized styles
- Typography.js includes two helper components for your React.js projects, TypographyStyle and GoogleFont