Hi Guys, The font I am using doesn’t automatically changes ‘®’ to superscript. Is there a way (maybe with javascript) to change all ‘®’ to superscript? Thanks in advance :slight_smile: Here is my site Read-Only: LINK ( how to share your site Read-Only link )

Use this code (Again this is not so “modular” code). Use this code and that`s it it: <script> /* convert DermaGenius® */ jQuery(document).ready(function($){ // var pattern = /\b(these|three|words)/gi; // words you want to wrap var pattern = /\b(®)/gi; // words you want to wrap var replaceWith…

Select the character, “span it” (click on the brush icon), unselect, select the span again, give it the .superscript class, then change the font size and use Position to up it some pixels. Reuse the class on any other character you need to superscript.

Hi Vincent, Thank you for your quick reply. I meant to implement this into rich-text-content fields for the cms. That’s why I think it’s something that has to happen in the DOM, don’t you?

Only by code - wrap with sup (Or another font like @vincent answer) . This is base codepen example [image] You put the (r) before or after the name (This is matter for the code pattern).

I was reading around because for example the tm symbol is already superscripted. And depending on the fonts, ® unicode symbol is already superscripted. So the real answer is that it has to happen in the font and we have to work with good fonts. So many things to pay attention to when buying a font…

I tried implementing this but I can’t get it to work. The custom code I put in is: jQuery(document).ready(function($){ // var pattern = /\b(these|three|words)/gi; // words you want to wrap var pattern = /\b( ®)/gi; // words you want to wrap var replaceWith = '<sup>$1</sup>'; // Here's the wap …

I have read about that approach but I simply have too much style iterations of the character. ( https://pathonostics-staging.webflow.io/ )

That’s the worst approach anyway, using a title for a styled character, omg

Thank you very much! It works like a charm. [34]

Hi, Luc_Reinders . I think you can also add custome Superscript text to your project. Here you can change a normal text to superscript text and just copy it and paste where you want.

Superscript all registered trademark characters

Design help Custom code

instafonts (instafont) March 5, 2021, 11:12am 13

Hey Luc_Reinders you can check Super text for making this text

Topic		Replies	Views
Superscript in collection item title CMS	8	586	September 1, 2023
Superscript numbers or letters General	2	1409	May 24, 2021
How do i superscript text? General	7	11987	October 25, 2015
Superscripted text Product feedback	12	3612	February 14, 2017
Typing Superscript (+) Plus sign in web flow designer General	10	4787	February 14, 2017

Superscript all registered trademark characters

Related topics