Lightweight pure CSS typography base for your next project
HTML CSS JavaScript


πŸ“– tipograf

GitHub version npm version Bower version Build Status CDNJS Standard - JavaScript Style Guide

tipograf is a Lightweight typography base. It is available in pure CSS or Less. Heavily inspired by Medium, it tries to enforce good vertical rhythm.

😱 Highlights

  • Written entirely in relative units.
  • Highly customizable.
  • Lightweight(minified version being just 680 bytes when gzipped)


Install with cdn

<link rel="stylesheet" href="">
<!-- Or -->
<link rel="stylesheet" href="">
<!-- Or -->
<link rel="stylesheet" href="">

Install with Bower

$ bower install tipograf

Install with npm

$ npm install tipograf

Install with yarn

$ yarn add tipograf


tipograf is highly customizable and should be changed to meet your preference πŸ‘.


Check out the demo here.


All Contributions are welcome! Please open up an issue if you would like to help out. πŸ˜„


Created with β™₯ by Tiaan du Plessis. Licensed under the MIT License.