CodePen

HTML

            
              <div id="new"><h1>TABLEAUX
  </h1></div><script type="text/javascript" src="//use.typekit.net/dya1zqg.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
            
          
!

CSS

            
              
h1 {
  text-align: center;
  font-family: "Cubano";
  letter-spacing: .08em;
  color: MediumVioletRed;
  text-shadow: .03em .03em 1px bisque, .03em -.03em 1px bisque,-.03em -.03em 1px bisque, -.03em .03em 1px bisque,-.055em .055em 1px DarkTurquoise;
  -webkit-mask-image: url(http://samkapila.com/texture.png);
  font-size: 10em;
}

body {
  background: bisque;
}
            
          
!

JS

            
              
            
          
!
999px
Loading ..................