Web design: SVG outlined text

The tutor shows how to do outlined text with SVG.

Outlined text is neat, and there are a few ways to do it, including with SVG:

<svg width=”525″ height=”280″ style=”display:block;margin:auto;border-style:solid;border-color:#ee9999″>

<text x=”75″ y=”175″ style=”font-size:48px;stroke:#ee9999;fill:#001111″>

SVG outlined text!

</text>

</svg>

You can see the effect here.

Source:

Mozilla Foundation

w3schools.com

Jack of Oracle Tutoring by Jack and Diane, Campbell River, BC.

Leave a Reply