Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
jQuery plugin that makes text inside as big as possible while still fitting on the parent.
branch: master

README.md

jquery-bigtext

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.

Something went wrong with that request. Please try again.