I would like to use characters from a certain typeface's Stylistic Sets, but can't figure out how to do so with CSS. Specifically, I'm trying to apply these characters within text blocks on a Squarespace site. I've tried using the Unicode Hex numbers, but they only work for certain characters - what is the correct way to call out these glyphs and characters with CSS? I have very basic HTML/CSS knowledge, so it's been a challenge to figure it out. I found this on Adobe's site, but added into my Squarespace site's CSS to no avail:

.class {
  -moz-font-feature-settings: "ss01";
  -webkit-font-feature-settings: "ss01";
  font-feature-settings: "ss01";

I should note that I have a custom font installed, and was able to add all the necessary font files without a problem, and it is being rendered properly on the site. It's just the glyphs/stylistic alternates that I need to add.

Any help is much appreciated!

  • You can use this to check if and what works on your font locally. – Cai Feb 22 '16 at 0:06

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.