It 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. It makes it easy to create designs that are unique, personal, and custom to your project.
Scales up or down text so it fits perfectly to its parent container. Ideal for flexible and responsive websites.
When applying effects to text on the web, designers have traditionally been constrained to those provided by CSS. In the majority of cases this is entirely suitable – text is text right? Yet still, there exist numerous examples of designers combining CSS properties or gifs and images to create effects that evoke something more playful. Precisely here, Blotter exists to provide an alternative.
Readable is a small jQuery plugin to help you make your paragraphs, well, more readable. It injects styling between the 45th and 75th character of every <p> tag on your page. This gives you a visual reference to tell you if tweaks are needed on your font-size or content width, etc.
Font Face Observer
It gives you control over web font loading using a simple promise based interface. It doesn’t matter where your fonts come from: host them yourself, or use a web font service such as Google Fonts, Typekit, Fonts.com, and Webtype.
It adds new type properties to your CSS, giving you the control you need for type on the web. You can write these properties in your CSS and they will work like any other property.
It is a flexible and simple-to-use web typography starter kit for web designers and developers. It’s a small step towards a better typography on the web. Beautiful typographic styles can be made by setting base type size, line-height (leading) and measure (max-width).
Simple, CSS utility classes for advanced typographic features.
Open-source webfont service. In the age of the Internet, we’ve found ourselves in yet another typographic battle. In an effort to speed up loading times, we’ve compressed fonts, and along the way, we’ve lost much of the quality of typography in found in other media. Let’s change that. The fonts served by Brick are clones of the original, converted without modification to WOFF format for high quality rendering and fast loading across all modern browsers.
RFS (abbreviation for responsive font size) is an algorithm which automatically calculates the appropriate font size based on the dimensions of the browser viewport.
React Native Typography
Creating great Text Styles in React Native is not a simple task, it requires a lot of fiddling and handling edge cases. This library provides a good set of defaults and helpers that cover the majority of the cases you’ll need, make your code much simpler and bonus render great on iOS, Android and the web.
Configurable Vertical Rhythm & Typography in CSS-in-JS.
Calculate the cap height of fonts loaded with Web Font Loader.
The hanging-punctuation property should be part of CSS in the future, but no browser supports in yet. In the meantime, this Stylefill polyfills the missing features through the exact same CSS.