Skip to content
jQuery plugin that makes text inside as big as possible while still fitting on the parent.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
CONTRIBUTORS.md
LICENSE
README.md
bower.json
jquery-bigtext.js
package.json

README.md

jquery-bigtext

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.

Requirements

jQuery 1.3.1 or higher

Browser Compatibility

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

Opera

Firefox

Google Chrome

Safari

Examples

<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/

Usage

$("#span").bigText({
	rotateText: {Number}, (null)
	fontSizeFactor: {Number}, (0.8)
	maximumFontSize: {Number}, (null)
	limitingDimension: {Number}, ("both")
	horizontalAlign: {String}, ("center")
	verticalAlign: {String}, ("center")
	textAlign: {String}, ("center")
});

Options

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.

License

This project is released under the MIT license.

You can’t perform that action at this time.