tiaanduplessis / Tipograf
Licence: mit
Lightweight pure CSS typography base for your next project
Stars: ✭ 198
Labels
Projects that are alternatives of or similar to Tipograf
Typeit
The most versatile JavaScript typewriter effect library on the planet.
Stars: ✭ 2,406 (+1115.15%)
Mutual labels: typography
Shevy
Configurable Vertical Rhythm & Typography for Sass
Stars: ✭ 177 (-10.61%)
Mutual labels: typography
Styled Typography
Typograpy components for react and styled-components
Stars: ✭ 113 (-42.93%)
Mutual labels: typography
Plusjakartasans
+Jakarta Sans is a open-source fonts. Designed for Jakarta "City of collaboration" program in 2020.
Stars: ✭ 136 (-31.31%)
Mutual labels: typography
Typesetter
Android tool to help display changes to text positioning.
Stars: ✭ 149 (-24.75%)
Mutual labels: typography
Typograph
Класс для автоматического применения правил русской типографики для веб
Stars: ✭ 97 (-51.01%)
Mutual labels: typography
Typeset.css
A no-nonsense CSS typography reset for styling user-generated content like blog posts, comments, and forum content.
Stars: ✭ 192 (-3.03%)
Mutual labels: typography
Gatsby V2 Tutorial Starter
Gatsby V2 Starter - product of step by step tutorial
Stars: ✭ 139 (-29.8%)
Mutual labels: typography
Han
「漢字標準格式」印刷品般的漢字排版框架 Han.css: the CSS typography framework optimised for Hanzi.
Stars: ✭ 2,156 (+988.89%)
Mutual labels: typography
Light Blue Dashboard
🔥 Free and open-source admin dashboard template built with Bootstrap
Stars: ✭ 110 (-44.44%)
Mutual labels: typography
Graaf
A collection of pure CSS grids for designing your new projects
Stars: ✭ 186 (-6.06%)
Mutual labels: typography
Universal Resume
Minimal and formal résumé (CV) website template for print, mobile, and desktop. https://bit.ly/ur_demo
Stars: ✭ 1,349 (+581.31%)
Mutual labels: typography
Handwrite
Handwrite generates a custom font based on your handwriting sample.
Stars: ✭ 145 (-26.77%)
Mutual labels: typography
Scrollinglettersanimation
A switching title effect where a fixed element changes depending on the scroll position.
Stars: ✭ 197 (-0.51%)
Mutual labels: typography
Fnt
apt for fonts, the missing font manager for macOS/linux
Stars: ✭ 187 (-5.56%)
Mutual labels: typography
Built with ❤︎ by Tiaan and contributors
Table of Contents
About
tipograf is a Lightweight typography base. Heavily inspired by Medium, it tries to enforce good vertical rhythm. It's available in pure CSS, cssnext using PostCSS, Less or SCSS.
Highlights
- Written entirely in relative units.
- Highly customizable.
- Lightweight(minified version being just 705 bytes when gzipped)
Install
Install with cdn
<link rel="stylesheet" href="https://unpkg.com/tipograf/dist/tipograf.css">
<!-- Or -->
<link rel="stylesheet" href="https://cdn.rawgit.com/tiaanduplessis/tipograf/master/dist/tipograf.css">
<!-- Or -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tipograf/1.0.4/tipograf.css">
Install with Bower
$ bower install tipograf
Install with npm
$ npm install tipograf
Install with yarn
$ yarn add tipograf
Usage
tipograf is highly customizable and should be changed to meet your preference 👍.
Demo
Check out the demo here.
Contribute
Contributions are welcome. Please open up an issue or create PR if you would like to help out.
Note: If editing the README, please conform to the standard-readme specification.
License
Licensed under the MIT License.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].