Text Outline Fill On Hover

Ask the community
, ,
1

Trying to get text outlines to fill on hover and revert back to empty when mouse off. Here is a picture for reference.

896×423 85.4 KB

2 questions:

  1. I’ve written the code below and am having a hard time “translating” into Wix code, any idea how I should implement?
@font-face { font-family: GoogleSansBold; src: url(../fonts/googleSans/GoogleSans-Bold.ttf); } .heading-link { color: #969696; cursor: pointer; } 
	.heading-link:hover { 
		color: #333333; 
		cursor: pointer; 
		} 

	#font-bold a { 
		font-family: 'GoogleSansBold', 'Roboto', sans-serif; 
		color: white; 
		text-shadow: 
		-1px -1px 0 #000, 
		1px -1px 0 #000, 
		-1px 1px 0 #000, 
		         1px 1px 0 #000; 
		} 

	#font-bold a:hover { 
		font-family: 'GoogleSansBold', 'Roboto', sans-serif; 
		color: #000; 
		text-shadow: none; 
		cursor: pointer; 
		}

}

Spotify Social

Want to add a caption to this image? Click the Settings icon.

  1. If I’m using a font I downloaded onto Wix, is there a way I can access that? Or for all dynamic and manipulatable components, do I need to p
    rovide/upload the files myself? If that’s the case, how do I do that? I just used a Google font in this example to show you how it would work.

Thank you!

2

That is not doable using HTML and css in Wix according to my knowledge. But you can do it using SVG instead.