Fonte é o arquivo que diz ao navegador, app ou sistema como desenhar cada letra, número e símbolo. As pessoas costumam usar fonte e tipo como sinônimos, mas vale guardar que não são a mesma coisa: typeface é a família inteira, como Inter ou Roboto, enquanto fonte é uma instância dela, como Roboto Bold ou Roboto Italic.
O trabalho mais importante de uma fonte é a legibilidade. Se a pessoa precisa se esforçar pra ler, a experiência já quebra antes de qualquer outra decisão de design. Fontes feitas pra tela, como Inter e San Francisco, otimizam justamente isso: x-height, espaçamento e comportamento em tamanho pequeno.
A variable font já virou padrão: um único arquivo que carrega toda a faixa de pesos e larguras. Ela pesa menos no carregamento, dá controle fino por breakpoint e ainda mantém consistência entre site, app e campanha.