Add Font Clamp to font size options.

Using vw units is helpful when scaling websites, but can sometimes present design challenges. font-size:clamp() allows you use a range of font-sizes using other units in conjunction with vw units so you wouldn’t have to adjust font-sizes all the way down (though you still could).

Standard font clamp syntax:

font-size:clamp(min, preferred, max)

font-size:clamp(14px, 2vw, 20px)

  • Dan Martinez
  • Aug 11 2020
  • Reviewed
  • +10