Diretti sul codice:
html {
font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
Breve spiegazione:
Questa funzione inserita così com'è all'interno del tuo CSS permette di avere un font-size che si adegua alla dimensione del dispositivo con cui lo visualizzi.
Va da un minimo di 14px quando ci troviamo su un dispositivo con un viewport minimo di 300px ad un massimo di 26px per un viewport massimo di 1600px.
Nella funzione possiamo variare questi valori a piacimento, lasciando però invariato il valore 100vw che rappresenta la massima estensione del viewport in termini assoluti.
Qui puoi trovare una spiegazione più approfondita sull'argomento e ulteriori risorse:
https://css-tricks.com/snippets/css/fluid-typography