Responsive font size in CSS

Question

I\'ve created a site using the Zurb Foundation 3 grid. Each page has a large h1:

Answer 1

A responsive font size can also be done with this JavaScript code called FlowType:

• http://simplefocus.com/flowtype/
• https://github.com/simplefocus/FlowType.JS

FlowType - Responsive web typography at its finest: font-size based on element width.

Or this JavaScript code called FitText:

• http://fittextjs.com/
• https://github.com/davatron5000/FitText.js

FitText - Makes font-sizes flexible. Use this plugin on your responsive design for ratio-based resizing of your headlines.