ボタンのwidthは固定値にするケースが多いとの話をしました。固定の場合はfont-sizeも固定していいかと思います。逆にデザイン上、widthを%で可変で設定する場合もあるかと思います。その場合、font-sizeを固定にしてしまうと、全体のバランスが崩れたり、テキストの行が増えてしまう可能性があります。widthを%で設置する場合、font-sizeの単位にvwを使用すると便利です。
vwはviewport widthの略で、1vwはビューポート幅の1%に相当します。
例えば、幅が1000pxの場合、1vwは10pxに等しくなります。デザインカンプがある場合、カンプの幅に相当するvwを計算して、vwで設定すればフォントサイズを合わせられます。フォントサイズは画面幅によって、変わるため、ボタンの幅が変わっても合わせて、フォントの大きさも変わるため、デザインの崩れを防げます。
ただし、ボタン幅もフォントサイズもどこかで固定した方がいいケースも多く、臨機応変な対応も必要です。また、比較的新しい単位のため、サポートしていないプラウザーもあるため、注意が必要です。
