👉 Utilize SEMPRE local() ao declarar o src da @font-face.

😉 Assim você otimiza o carregamento da página ao evitar downloads extras CASO as fontes utilizadas estejam instaladas no seu dispositivo do usuário.

@font-face {
  font-family: "AmazingFont";
  src: local("AmazingFont"), url("AmazingFont.woff2"), url("AmazingFont.woff");
}

😋 Legal, né? E apesar do aspecto simples de uso, é um recurso que faz muita diferença quando acionado.