CSS Type Studio: Advanced Typography with CSS

1 min read Original article ↗

Use Advanced Type Properties in CSS

Go beyond font-family and font-size. CSS Fonts Module Level 4 gives you control over advanced typographic features including text wrapping, kerning, optical sizing adjustments, and OpenType features such as oldstyle figures, ligatures, and small caps. Best of all: these features are supported in the latest version of every major browser.

Easily Test Google Fonts

Set advanced type properties for header and body elements in HTML, then quickly preview the most popular typefaces from Google Fonts, or access 1,900+ typefaces with a Pro subscription.

Save and Share Your Favorite Designs

Want to save or share your design with your team? Create a free account to save up three designs.

CSS Type Studio is designed for larger screens. Sorry about that.

Unfortunately, I couldn’t find a way to design this user interface to fit all of the controls and typeface preview window into a phone-sized viewport.

Please try viewing this site with a tablet or larger device.