jQuery plugin: TextFill test
This is a template for testing.
by livibetter
HTML
<script src="http://jquery-textfill.github.com/jquery-textfill/jquery.textfill.min.js"></script>
<div id='jtf'><span>test text</span></div>
CSS
/* just for VT323 font, jsFiddle's resources panel can't recognize it's an external CSS */
@import url(http://fonts.googleapis.com/css?family=VT323);
#jtf {
width: 200px;
height: 160px;
border: 1px solid red;
}
#jtf span {
font-family: VT323;
}
JavaScript
/*
When you use this as a template to reproduce a bug, please make sure:
* jQuery version is the right one.
* TextFill version is the right one, see below.
* The container (#jtf) size is right.
* Font is the right one, don't use font may differ on different systems.
Be sure to replace the jquery.textfill.min.js with the correct version in the "Add Resources" tab:
1. Go to https://github.com/jquery-textfill/jquery-textfill/tags
2. Browser source of the version, usually it's the latest one.
3. Select jquery.textfill.js.
4. Copy the raw URL of the file, it looks like
https://github.com/jquery-textfill/jquery-textfill/raw/{:version}/jquery.textfill.js
5. Remove the minified file from resources.
6. Add the file.
*/
function init() {
$('#jtf').textfill({
debug: true,
maxFontPixels: 0
});
}
$(init);