CodePen

HTML

            
              <link  href="http://fonts.googleapis.com/css?family=Butcherman" rel="stylesheet" />
    
<div id="test">Filters Are Ice Cold</div>
            
          
!

CSS

            
              
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              var
  //cache element for performance
  el = document.getElementById('test');
  //get the text of the element for later
  text = el.innerHTML;

//empty text
el.innerHTML = "";

var paper = Raphael("test", 600, 66);

paper.text(0, 30, text)
    .attr({
        "fill": "MintCream",
        "font-family": "Butcherman",
        "font-size": "56px",
        "text-anchor": "start"
    })
    .emboss(2)
    .shadow();
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................