Fluid-Responsive Font - a little Tip

If you want to make responsive fonts in Saola Animate, I have here a small tip for you.

https://websemantics.uk/tools/responsive-font-calculator/

Test without responsive font:
http://www.experimente.bplaced.net/saola/fluid-font/without.html

Test with responsive font
http://www.experimente.bplaced.net/saola/fluid-font/with-fluid-responsive-font.html

Resize your Browserwindow.
Firefox - Ctrl+Shift+M
Chrome - F12

Edit:
Write the meta Viewport-Tag in the Head of your HTML.

3 Likes

Hi Arnie,

Thank you for sharing the tip.
Current version of Saola Animate (1.0.x) doesn’t support responsive font size, we’ll consider implementing it in the future.
But users can use JavaScript and/or CSS (as your tip) to scale font size when browser is resized.

Regards

My pleasure!

Best regards
Arnie