Download
User Rating: 0/5 ( 0 votes)
jQuery FontFlex is a lightweight jQuery extension for dynamically changing font sizes according to screen / browser width. Intended to be used with responsive or adaptive CSS layouts.
Browser Support
– Google Chrome
– Safari ( Desktop and Mobile )
– Internet Explorer ( 9, 10, 11 )
– Firefox
Source: github.com
1. INCLUDE JS FILES
<script src="jQuery.min.js"></script>
<script src="jQuery.fontFlex.js"></script>
2. HTML
<h1><b>jQuery.fontFlex.js </b>exclusive finest craftsmanship punctual, Beams Lufthansa efficient Muji bespoke boutique conversation. </h1>
3. JAVASCRIPT
$(function() {
// H1 only
$('h1').fontFlex(24, 36, 70);
});
4. PARAMETERS
min Minimum font-size in pixels
max Maximum font-size in pixels
mid Mid-range buffer. Values ranging from 60 to 70 produce the best results. Lower values produce a larger initial font-size, while higher values produce the opposite. Adjust accordingly to fit your requirements.