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
-
No reviews
1like
0comments
0alternatives
0news articles

Features

Suggest and vote on features

Properties

  1.  Lightweight

Features

  1.  No Coding Required
  2.  Live Preview
  3.  WYSIWYG Support
  4.  Ad-free
  5.  Web fonts
  6.  Google Fonts
  7.  Typography

 Tags

CSS Type Studio News & Activities

Highlights All activities

Recent activities

Show all 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

    0 alternatives listed

  • Supported Languages

    • English

AlternativeTo Categories

Development, Photos & Graphics
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?
Post comment/review

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!

Official Links