Dynamic Font Size Solution For Responsive Design

Category: CSS & CSS3 , Recommended , Text | June 18, 2021
Views Total:487 views
Official Page:Go to website
Last Update:June 18, 2021


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;

You Might Be Interested In:

Leave a Reply