Skip to content
jQuery plugin that makes text inside as big as possible while still fitting on the parent.
Branch: master
Clone or download
Daniel Hoffmann
Daniel Hoffmann README update
Latest commit 5b2445e Jul 10, 2017
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore Major cleanup and added some new functionality May 12, 2014
LICENSE Create LICENSE Nov 26, 2013 README update Jul 10, 2017
bower.json fixed Jan 6, 2015
jquery-bigtext.js changed version number to 1.3.0 Jan 6, 2015
package.json Add npm support Feb 16, 2016


This project is no longer mantained, please refer to

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.

You can’t perform that action at this time.