CodePen

HTML

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

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;
}
            
          
!
? ?
? ?
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 ..................