CSS Type Studio icon
CSS Type Studio icon

CSS Type Studio

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.

CSS Type Studio screenshot 1

Cost / License

  • Freemium (Subscription)
  • Proprietary

Platforms

  • Online
Alternatives  
1like
4alternatives
0articles
Save

Features

Properties

Features

 Tags

Highlights All activities

CSS Type Studio News & Activities

Recent activities

CSS Type Studio information

  • Licensing

    Proprietary and Freemium product.

  • Pricing

    Subscription that costs up to $4 per month + free version with limited functionality.

  • Alternatives

    4 alternatives listed

  • Badge

    Get an embeddable badge for CSS Type Studio

  • Supported Languages

    • English

AlternativeTo Categories

Development, Photos & Graphics

Popular alternatives

View all
CSS Type Studio was added to AlternativeTo by Dale_L on and this page was last updated .

No comments or reviews, maybe you want to be first?

Official Links

What is CSS Type Studio?

CSS Type Studio makes it easy to design your next web project with great typography. Create pleasing font pairings with typefaces available from Google Fonts, and then use advanced font properties in CSS to fine-tune text rendering, kerning, ligatures, numerical forms, optical sizing, and more. CSS Type Studio makes it easy to preview how these font properties translate to the screen. You can then export the CSS code for your web project.

You can test your font pairings and modify common properties such as size, weight, and line height. In addition, you can access advanced OpenType font properties including:

  • Ligatures. Enable or disable common ligatures, or make use of more obscure OpenType features like contextual alternates and discretionary ligatures.

  • Numerical forms. Well-designed fonts can have options for proportional and tabular numbers, diagonal fractions, and ordinals.

  • Text rendering. Choose whether the web browser optimizes for legibility or preserves the geometric shape of fonts.

  • Optical sizing. Variable OpenType fonts can automatically can change stroke weights or forms depending on the font size.

  • Font synthesis. Choose whether browsers will generate simulated italics and other styles that a font file doesn't supply.

  • ... and more!