Dynamic Font Size Solution For Responsive Design

Category: CSS & CSS3 , Recommended , Text | June 18, 2021
Author: SassArab
Views Total: 96 views
Official Page: Go to website
Last Update: June 18, 2021
License: MIT

Preview:

Dynamic Font Size Solution For Responsive Design

Description:

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