CodePen

HTML

            
              <div id="new">
  <h1 class="blue">TABLEAU
  </h1>
  <h1 class="background1">TABLEAU
  </h1>
  <h1 class="background2">TABLEAU
  </h1>
  <h1 class="front">TABLEAU
  </h1>
</div>
            
          
!

CSS

            
              h1 {
  position: absolute;

  text-align: center;
  font-family: "Cubano";
  letter-spacing: .08em;
  /*text-shadow: .03em .03em 1px bisque, .03em -.03em 1px bisque,-.03em -.03em 1px bisque, -.03em .03em 1px bisque,-.055em .055em 1px DarkTurquoise;*/

  font-size: 2em;
}

.blue {
    color: MediumVioletRed;
   -webkit-mask-image: url(http://www.samkapila.com/stripes3.png);

}

.background1 {
  color: bisque;
  top: .02em;
  left: .02em;
}

.background2 {
  color: bisque;
  top: .06em;
  left: .06em;
}
.front {
    color: DarkTurquoise;
    top: .04em;
  left: .04em;
}
body {
  background: bisque;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              /*global jQuery */
/*!
* FitText.js 1.1
*
* Copyright 2011, Dave Rupert http://daverupert.com
* Released under the WTFPL license
* http://sam.zoy.org/wtfpl/
*
* Date: Thu May 05 14:23:00 2011 -0600
*/

(function( $ ){

  $.fn.fitText = function( kompressor, options ) {

    // Setup options
    var compressor = kompressor || 1,
        settings = $.extend({
          'minFontSize' : Number.NEGATIVE_INFINITY,
          'maxFontSize' : Number.POSITIVE_INFINITY
        }, options);

    return this.each(function(){

      // Store the object
      var $this = $(this);

      // Resizer() resizes items based on the object width divided by the compressor * 10
      var resizer = function () {
        $this.css('font-size', Math.max(Math.min($this.width() / (compressor*10), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize)));
      };

      // Call once to set.
      resizer();

      // Call on resize. Opera debounces their resize by default.
      $(window).on('resize.fittext orientationchange.fittext', resizer);

    });

  };

})( jQuery );

jQuery("#new").fitText();
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................