Find file
Fetching contributors…
Cannot retrieve contributors at this time
74 lines (50 sloc) 2.09 KB


jQuery plugin that makes HTML text tags as big as possible while still fitting on the parent.


jQuery 1.3.1 or higher

Browser Compatibility

Internet Explorer 9 or higher (might work on older versions)



Google Chrome



<div style="width: 300px, height: 200px">
  <span id="span">BigText</span>

With one simple line the text "BigText" will now have its font-size increased but without overflowing the element parent div.

See more examples in


    rotateText: {Number}, (null)
    fontSizeFactor: {Number}, (0.8)
    maximumFontSize: {Number}, (null)
    limitingDimension: {Number}, ("both")
    horizontalAlign: {String}, ("center")
    verticalAlign: {String}, ("center")
    textAlign: {String}, ("center")


rotateText: Rotates the text inside the element by X degrees.

fontSizeFactor: This option is used to give some vertical spacing for letters that overflow the line-height (like 'g', 'Á' and most other accentuated uppercase letters). This does not affect the font-size if the limiting factor is the width of the parent div. The default is 0.8

maximumFontSize: maximum font size to use.

limitingDimension: In which dimension the font size should be limited. Possible values: "width", "height" or "both". Defaults to both. Using this option with values different than "both" overwrites the element parent width or height.

horizontalAlign: Where to align the text horizontally. Possible values: "left", "center", "right". Defaults to "center".

verticalAlign: Where to align the text vertically. Possible values: "top", "center", "bottom". Defaults to "center".

textAlign: Sets the text align of the element. Possible values: "left", "center", "right". Defaults to "center". This option is only useful if there are linebreaks (
tags) inside the text.


This project is released under the MIT license.