Skip to content

Instantly share code, notes, and snippets.

@ADParris
Forked from juliankrispel/jquery.textfill.js
Created December 2, 2012 07:33
Show Gist options
  • Save ADParris/4187613 to your computer and use it in GitHub Desktop.
Save ADParris/4187613 to your computer and use it in GitHub Desktop.
jQuery Plugin to resize text to fit container
(function($) {
$.fn.textfill = function(maxFontSize) {
maxFontSize = parseInt(maxFontSize, 10);
return this.each(function(){
var ourText = $("span", this);
function resizefont(){
var parent = ourText.parent(),
maxWidth = parent.width(),
fontSize = parseInt(ourText.css("fontSize"), 10),
multiplier = maxWidth/ourText.width(),
newSize = (fontSize*(multiplier));
ourText.css("fontSize", maxFontSize > 0 && newSize > maxFontSize ? maxFontSize : newSize );
}
$(window).resize(function(){
resizefont();
});
resizefont();
});
};
})(jQuery);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment