/* * If you create a derivative, please leave this text intact: * * FlowType.JS 1.0 * Copyright (c) 2013, Simple Focus http://simplefocus.com/ * * FlowType.JS by Simple Focus (http://simplefocus.com/) * is licensed under the MIT License. Read a copy of the * license in the LICENSE.txt file or at * http://choosealicense.com/licenses/mit * * Thanks to Giovanni Difeterici (http://www.gdifeterici.com/) */ (function($) { $.fn.flowtype = function(options) { // Establish default settings/variables // ==================================== var settings = $.extend({ maximum : 9999, minimum : 1, maxFont : 9999, minFont : 1, fontRatio : 35, lineRatio : 1.45 }, options), // Do the magic math // ================= changes = function(el) { var $el = $(el), elw = $el.width(), width = elw > settings.maximum ? settings.maximum : elw < settings.minimum ? settings.minimum : elw, fontBase = width / settings.fontRatio, fontSize = fontBase > settings.maxFont ? settings.maxFont : fontBase < settings.minFont ? settings.minFont : fontBase; $el.css({ 'font-size' : fontSize + 'px', 'line-height' : fontSize * settings.lineRatio + 'px' }); }; // Make the magic visible // ====================== return this.each(function() { // Context for resize callback var that = this; // Set changes on load changes(this); // Make changes upon resize $(window).resize(function(){changes(that);}); }); }; }(jQuery)); // Site Specific Code jQuery(document).ready(function(){ jQuery('.entry-title').flowtype({ minFont : 24, maxFont : 48, fontRatio : 20, lineRatio : 1.45 }); jQuery('p').flowtype({ minFont : 14, maxFont : 18, fontRatio : 30 }); });