Circunstâncias

Como estou aprendendo atualmente, next.j. Estou fazendo o curso criado pela próxima equipe (https://nextjs.org/learn).

Há uma seção relacionada à otimização de fontes e imagens.
Honestamente, nunca prestei muita atenção às fontes e quais fontes são usadas em um determinado elemento de uma página da web.
Mas percebi, lendo esse material, que você é capaz de fazer isso. Você pode descobrir quais fontes são usadas em um determinado elemento. Você pode ter mais de uma fonte personalizada na página e isso pode ser útil.

Como estou usando o Chrome como navegador padrão, abri o devtools e verifiquei as fontes usadas.

Isso parecia muito pobre e sem muita informação.

Mas eu fiz a mesma coisa no Firefox e o Firefox parece ter muito mais opções em relação às fontes. Você pode alterar o tamanho, altura da linha, espaçamento e peso através do editor. Isso parece bastante útil, especialmente quando você está tentando descobrir quais propriedades de fonte são mais adequadas para um determinado elemento.

Meus pensamentos

Essas descobertas em relação às fontes me lembraram, quando tive alguns problemas com o layout no passado, que eu poderia fazer uma depuração muito melhor no Firefox do que no Chrome.
O Firefox parece estar tomando mais cuidado com o CSS para tornar o desenvolvimento do FE mais fluido do que o Chrome. Acho que devo levar isso em consideração na próxima vez enquanto estiver trabalhando com CSS e usar o Firefox como padrão!

Saúde. Tenha um bom dia!