CSS Type Studio
Visual editor for advanced typography with CSS.
5 followers
Visual editor for advanced typography with CSS.
5 followers
CSS Type Studio makes it easy to use advanced font properties in CSS such as kerning, ligatures, numerical forms, optical sizing, and more. Choose from any typefaces in Google Fonts to create the perfect font pairing for your web project.
Hello! I created CSS Type Studio because of my decades-long love of typography. As a web designer, you might not know that CSS and OpenType fonts have evolved so that advanced typesetting is now possible. This includes features like optical sizing, being able to choose from different rendering algorithms, and using OpenType features such as ligatures, numerical forms, proper small caps, and more.
Most of the features are available for free. The pro version for $4/month lets you use 1,900+ typefaces from the Google Fonts library, save many more of your layouts. I'm continue to develop new features all the time, so I would love to hear any feedback you have.