画面幅に合わせて自然にフォントサイズを大きくする方法

UIのブレークポイント間でフォントサイズが決まっている時に、自然にフォントサイズを大きくするやり方です。

実際のコード

.sample-class {
  /* 300px~561pxにかけてフォントサイズを2upするので、2/(561-300)=0.007662835249042=(丸めて）0.00766 */
  font-size: calc(20px + (0.00766 * (100vw - 300px)));
}