{"id":13604,"date":"2011-06-22T17:05:12","date_gmt":"2011-06-22T17:05:12","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/fittext\/"},"modified":"2016-07-31T09:41:29","modified_gmt":"2016-07-31T09:41:29","slug":"fittext","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/fittext\/","author":227336,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.2","stable_tag":"1.2","tested":"4.6.30","requires":"3.9","requires_php":"","requires_plugins":"","header_name":"FitText, A jQuery plugin for inflating web type","header_author":"Ramoonus","header_description":"","assets_banners_color":"","last_updated":"2016-07-31 09:41:29","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/www.ramoonus.nl\/donate\/","header_plugin_uri":"http:\/\/www.ramoonus.nl\/wordpress\/fittext\/","header_author_uri":"http:\/\/www.ramoonus.nl\/","rating":4,"author_block_rating":0,"active_installs":60,"downloads":4468,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":"1","5":0},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.2"],"block_files":[],"assets_screenshots":[],"screenshots":[]},"plugin_section":[],"plugin_tags":[814,29931,203,229,202],"plugin_category":[59],"plugin_contributors":[78351],"plugin_business_model":[],"class_list":["post-13604","plugin","type-plugin","status-closed","hentry","plugin_tags-css3","plugin_tags-fittext","plugin_tags-html5","plugin_tags-javascript","plugin_tags-jquery","plugin_category-utilities-and-tools","plugin_contributors-ramoonus","plugin_committers-ramoonus"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/fittext.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>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.\nFor more information visit <a href=\"http:\/\/fittextjs.com\">fittextjs.com<\/a><\/p>\n\n<p>From 1 October 2016 on, this plugin is no longer supported. Please use <a href=\"http:\/\/www.ramoonus.nl\/wordpress\/powerpack\/\">Powerpack<\/a> instead.<\/p>\n\n<h4>Implementation<\/h4>\n\n<p>Here is a simple FitText setup:<\/p>\n\n<pre><code>\n  $(\"#responsive_headline\").fitText();\n\n<\/code><\/pre>\n\n<p><a href=\"http:\/\/www.hulu.com\/watch\/194733\/saturday-night-live-miley-cyrus-show\">Pretty Cool<\/a>. Your text should now resize based on the width of the parent element. By default: <em>Font-size = 1\/10th of the parent element's width<\/em>.<\/p>\n\n<p>= The Compressor= \nIf your text is resizing poorly, you'll want to turn tweak up\/down \"The Compressor\". It works a little like a guitar amp. The default is <code>1<\/code>.<\/p>\n\n<pre><code>$(\"#responsive_headline\").fitText(1.2); \/\/ Turn the compressor up   (text shrinks more aggressively)\n$(\"#responsive_headline\").fitText(0.8); \/\/ Turn the compressor down (text shrinks less aggressively)\n<\/code><\/pre>\n\n<p>This will hopefully give you a level of \"control\" that might not be pixel perfect, but scales smoothly &amp; nicely.<\/p>\n\n<p>=<em>new:<\/em> minFontSize &amp; maxFontSize =\nFitText now allows you to specify two optional pixel values: <code>minFontSize<\/code> and <code>maxFontSize<\/code>. Great for situations when you want responsive text but also need to preserve hierarchy.<\/p>\n\n<pre><code>$(\"#responsive_headline\").fitText(1.2, { minFontSize: '20px', maxFontSize: '40px' })\n<\/code><\/pre>\n\n<h4>CSS Tips<\/h4>\n\n<ul>\n<li>Make sure your headline is <code>display: block;<\/code> or   <code>display: inline-block;<\/code> with a specified width, i.e. <code>width: 100%<\/code>. <\/li>\n<li>Be ready to tweak till everything balances out.<\/li>\n<li>FitText now ignores your CSS file's font-size, but be sure to set one as a non-javascript fallback.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload <code>fixtext\/<\/code> to the <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<\/ol>\n\n<!--section=faq-->\n<p>None at this moment.<\/p>\n\n<!--section=changelog-->\n<h4>1.2<\/h4>\n\n<ul>\n<li>Updates the Javascript library<\/li>\n<li>Readme update<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>FitText now ignores font-size and has minFontSize &amp; maxFontSize options<\/li>\n<li>Code Cleanup (less code = faster)<\/li>\n<li>Removed jQuery UI loader<\/li>\n<li>Readme improvement: see installation tab<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial version, based on version 1.0 of the javascript<\/li>\n<\/ul>","raw_excerpt":"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 el &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/13604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=13604"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/ramoonus"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=13604"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=13604"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=13604"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=13604"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=13604"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=13604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}