FlowType ES is a rewrite of the awesome FlowType.JS in ES6. It doesn't require jQuery and triggers recalculation on requestAnimationFrame.
npm install flowtype-es
import createFlowtype from "flowtype-es";Creates and attaches event listeners for automatic recalculation of the font size upon resizing the element.
elementis a reference to the dom element for which the font size should be calculated automatically.optionslets you customize the calculation of the font size.
Returns an object with update() and destroy().
Triggers a recalculation of the font size.
Removes all event listeners and stops the automatic recalculation of the font size upon resizing the element.
| Option | Description | Dtype | Default |
|---|---|---|---|
| maximum | Max width of the element until the font size is controlled | int | 1200 |
| minimum | Min width of the element until the font size is controlled | int | 500 |
| maxFont | Max font size ever used | int | 40 |
| minFont | Min font size ever used | int | 12 |
| fontRatio | Font ratio for determining the font size based on the elements's width | int | 30 |
import createFlowtype from "flowtype-es";
const flowtype = createFlowtype(document.body, {
maximum: 1200,
minimum: 500,
maxFont: 40,
minFont: 12,
fontRatio: 30
});