Dynamic Font Size Solution For Responsive Design

Author: SassArab
Views Total: 229 views
Official Page: Go to website
Last Update: June 18, 2021
License: MIT


Dynamic Font Size Solution For Responsive Design


A dynamic font size solution for modern responsive and cross-platform design.

It enables your webpage to automatically scale the font size depending on the current viewport size.

Easy to customize via SASS.

How to use it:

1. Import the fontSize.css and done.

// dynamic
@import '/font-size-sass/dist/sass/fontSize.scss'
// or
<link rel="stylesheet" href="dist/css/fontSize.css" />

2. Customize the library by overriding the variables in the _variable.scss.

// $goldenRatio: 1.6 !default;
// min Screen width
$min_width: 320px;
// max Screen width
$max_width: 1200px;
// Font-size in min Screen width
$min_font: 16px;
// Font-size in max Screen width
$max_font: 28px;

See also  Responsive 12-column Grid System Inspired By Bootstrap - tb-grid

Leave a Reply

Your email address will not be published. Required fields are marked *