CSS Unicode-Range

Ask the community
, ,
1

Greetings! Has anyone had any success implementing the CSS unicode-range descriptor in Wix Studio?

I’d like to replace all instances of a specific letter in a body of text with an alternate version of the letter that’s available in the webfont that I’ve uploaded. I’ve achieved this with the font-feature-settings property, but I couldn’t target only the one letter, so other letters changed undesirably.

I’ve seen articles, such as this one (Modifying Specific Letters With CSS And JavaScript | CSS-Tricks), which demonstrate that it’s possible generally, but I don’t know how to translate this into the Wix environment. I’ve tried the JavaScript method, but that had issues, and I’d prefer the cleaner approach of CSS anyway.

Any help would be very much appreciated. Thank you!

2

While the unicode-range descriptor is a powerful CSS tool, it’s important to note that Wix Studio’s editor might have limitations in directly applying this specific technique. Wix often abstracts certain CSS properties and provides a more visual, drag-and-drop interface for styling elements.

3

Hi, Curtis_Hinckley !!

To clarify, are you trying to apply settings like “palt” from font-feature-settings to only specific characters within a Wix text element? As you mentioned, using JavaScript to directly replace and modify characters is likely to work, but achieving this through unicode-range in the global.css file might be quite difficult… :melting_face: Alternatively, it might be possible if you stop using Wix text elements and design a custom element for text display yourself. However, if you manage to achieve this using only Wix’s built-in features, please let me know! :raised_hands:

4

That’s correct. I figured that it might not be possible, but thought I’d ask. Thank you for your response.

5

I suspected that this might be the case. Thank you for your response.