Question

I am using the fittext JS plugin to resize my headings on a page I am working on. For some reason it only kicks in if/once you adjust your window size, I cant seem to figure out why it is doing this.

Anyone have any ideas? Here is a link:
http://voltagenewmedia.ca/testserver/dry/#/homepage

Thanks!

Answer 1

Your link is down so I can’t actually see what the problem is. Fittext should resize immediately and then update on resize:

  // 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', resizer);

Are you waiting until the DOM is loaded before you use the plug-in?