How does it work?

[shanewmurphy]

I really don't understand how this flowtype js works. I've followed your 4 steps (demo site) to the letter and nothing. I've looked at the source code on the demo site and there's no reference to the flowtype.js file on the demo site. As I say I've followed your instructions from your demo site & it doesn't work for me only utter frustration. This script would be amazing if I would get to work for responsive website & amazing time saving also.

[VR51]

Same here. Checked the demo site and found no reference to the FlowType.js file in the source code. Have tried to get FlowType to work in WordPress for the past couple of hours but without any success. Would love a little help.

Edit:

Got it!

This worked for me. Change the element tag and/or add class/ID as needed. The fontRatio setting made a big difference to font resizing:

  $j = jQuery.noConflict();
  $j(document).ready(function($) {
      $('p').flowtype({
      minimum   : 100,
      maximum   : 1400,
      minFont   : 12,
      maxFont   : 18,
      fontRatio : 15
      });
    });
</script>

[shanewmurphy]

Glad it worked for you! Its worked for me also. My issue was that a copied a URL query lib from some part of the site the github page or demo site as //ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js which didn't have the http: the correct url path for that lib is http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

[ApolloCreed84]

I was having issues with the text scaling on mobile, I was targeting the body element but looking at this I just tried targeting the 'p' and it works, weird

[arshadr]

@shanewmurphy using // in the URL allows the browser to determine correctly whether to use HTTP or HTTPS.