Question about the resize range

[lmartins]

First and foremost, thank you for this excellent plugin. It's really useful.
I have a question about its functionality though. With the configuration bellow the plugin will go from 11px to 18px within a very small range of browser window size. Testing this configuration starting from the minimum browser size, the font-size will reach the "18px" value at about 560px wide and the font will stay the same size from there onwards.

I was expecting that it would resize the font between the two given values of "500px" and "1200px" browser window sizes. Am I missing something?

$('body').flowtype({
       minimum   : 500,
       maximum   : 1200,
       minFont   : 11,
       maxFont   : 18,
       fontRatio : 32
    });

[whaaaley]

I think the key argument here is fontRatio, which is the rate of increase. Everything else is just a restriction. I was also expecting the behavior you described at first.

I think I might have a solution, though. We could just calculate the rate of increase from the minimum to the maximum and use that. Also, if we just don't define the maximum, it will use the default of 9999, so if a user has screen size larger than the "maximum", it will continue to scale at the same rate, which I would say is desirable. Right now I'm using something like this:

$('body').flowtype({
  minimum: 320,
  //maximum: 1920, // Use the default setting of 9999
  minFont: 12,
  maxFont: 32,
  fontRatio: ((1920 - 320) / 320) * 16
});

I think it could be a good idea to add an option to fontRatio for this. Maybe setting fontRatio: auto would calculate this? Also instead of 16, it would be better if the font size were fetched from the element instead of assuming it's 16.

[lmartins]

Hey Dustin,

Yes I was misinterpreting the role of the fontRatio property. I've also noticed in the source that the ratio is applied to the width of the container element, that may be the body or not. That actually makes sense, although a scenario where you just apply the script to the body tag, and use your suggestions above makes much sense to me.

Thanks for your input on this. Should I close the issue?

[whaaaley]

I don't see how it could hurt to leave this open and see if the maintainers have any input on this type of option being added.