<link xmlns="http://www.w3.org/1999/xhtml" href="https://fonts.googleapis.com/css?family=Ultra" rel="stylesheet" type="text/css" />
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="600" height="100">
  <defs>
    <filter id="filter">
      <feMorphology in="SourceAlpha" operator="dilate" radius="2" result="OUTLINE" />
      <feComposite operator="out" in="OUTLINE" in2="SourceAlpha" />
    </filter>
  </defs>
    <text class="filtered" x="20" y="85">Outlined</text>
</svg>
 .filtered{
   filter: url(#filter);
   fill: black;
   font-family: 'Ultra', serif;
   font-size: 100px;
}
   
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.