This project is no longer mantained, please refer to https://github.com/BrOrlandi/big-text.js
jQuery plugin that makes HTML text tags as big as possible while still fitting on the parent.
jQuery 1.3.1 or higher
Internet Explorer 9 or higher (might work on older versions)
Opera
Firefox
Google Chrome
Safari
<div style="width: 300px, height: 200px">
<span id="span">BigText</span>
</div>
$("#span").bigText();
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 http://danielhoffmann.github.io/jquery-bigtext/
$("#span").bigText({
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.