Stroke text style

Ask the community
1

How can I apply a stroke text style in a heading?
I have been trying to find the answer for this but editor x seems to offer only basic styles such as underline, bold, italic and highlight

I have attached below an example of what I want to achieve.
thanks!

2580×860 151 KB

3 Likes
2

There are many fonts that offer stroke versions of their fonts that can be uploaded and used.

3

Here are some resources

https://www.myfonts.com/search/outline/

4

Yes there are, but the question still stands: Is there a way to add a stroke / outline to text? If not, it honestly is shocking: a tool which claims to give unlimited freedom lacks something that the old Wix editor had.

2 Likes
5

Thanks @dytme6 for the feedback. I’ll forward this to the team.

1 Like
6

With Wix Studio, you can achieve something similar using CSS. For example:

 .rich-text__text {
    color: transparent; /* Make the text itself transparent */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: darkgreen;
}

Worth noting that the above CSS works in browsers that support the -webkit-text-stroke property, like Chrome, Safari, and Edge (It might not work in all browsers)

Screenshot 2024-09-11 at 14.29.47