Stylistic alternatives on typography

Design help General
1

Hey guys, anyone knows how I would add use Open Type feature [Stylistic alternates (salt)] alternatives for a font but only on specific elements?

For example, we only want the paragraphs to use the alternatives

2

Custom CSS would need to be used. Look at this reference.

1 Like
3

To get stylistic alternates add the following code to the Head section of your page, or add it site-wide in Site Settings.

<style>
  .your-class-name {
    font-feature-settings: 'ss01';
  }
</style>

You can change .your-class-name to whatever you like, but it has to match whatever you called your class in the Webflow editor.

Often you’ll want only select characters to be stylistic alts. When that’s the case, in the Webflow designer, select your text, then click the icon that looks like a paint brush (span icon) and give it the class name you decided on.

Note that you can only see the stylistic alts when you download or publish the site.