jQuery Plugin For Responsive Font Size with Text Truncation - QuickFit
| File Size: | 6.39 KB |
|---|---|
| Views Total: | 2559 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
Just another jQuery responsive text plugin which dynamically adjusts the font size to make your single line text fit its parent container, with or without text truncation.
Basic usage:
1. Just add jQuery library and the jQuery QuickFit plugin to the webpage and we're ready to go.
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="jquery.quickfit.js"></script>
2. Call the function on the text wrapper and done.
$('#container').quickfit({ // options });
3. Possible options to customize the text resize plugin.
$('#container').quickfit({
// minimum font size
min: 8,
// maximum font size
max: 12,
// add a padding to the calculation
tolerance: 0.02,
// enable text truncation if overflow
truncate: false,
// a size which the text should be fitted to
width: null
});
This awesome jQuery plugin is developed by chunksnbits. For more Advanced Usages, please check the demo page or visit the official website.











