2 fonts on a button

Is there a way to have more than one font on a button?


You could always select the text you want in another format and add a span.

I’m very new to this haha! Could you explain how to add a span? Thank you for responding so quickly!

No problem :slight_smile:

If you click on the text as if you was going to edit it, then highlight the text which you want changing to another font. You should see some extra settings box which pops up which should see add span.

1 Like

I figured it out! Just needed that keyword. Thank you Matty!

Your welcome :slight_smile:

Maybe you will know this as well?

Is it possible to have the spanned text a different size than the other text on the button?

This is what I’m trying to achieve:

Good question, I’m not actually sure.

Someone else will have to answer that I’m afraid.

Are you able to share your read only link? It is possible to use divs instead of an actual button and link it that way.


Yes, a spanned text gets its own class and you can do whatever you want with it.

@leesh in your case just use 2 text elements one after another, it will be easier to maintain down the road.

1 Like

@Matty may be right. It seems you’re designing a “card” element. For the best experience, the link should be put on the whole card. Nest the whole card into a link block and put the link there. You’ll have to get rid of buttons and links as links can’t be nested.

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.