article:
978.gs
article:
Plugin: kern.js

Plugin: fittext

Advertisement

A jQuery plugin for inflating web type.

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

Example:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="jquery.fittext.js"></script>
<script>
  $("#responsive_headline").fitText();
</script>

CSS Tips

- Make sure your headline is display: block; or display: inline-block; with a specified width, i.e. width: 100%.
- Be ready to tweak till everything balances out.
- FitText now ignores your CSS file's font-size, but be sure to set one as a non-javascript fallback.
- Make sure your element is appended to document before setting fitText. e.g. $('<div>').fitText() will NOT work

Plugin: fittext


source
download

Advertisement
Tags: text, plugin, jquery, webdesign, webdevelopment, design, css, html

Leave a Comment

No Comment

© Creative3x Ltd.