Como instalar fontes do Google Fonts localmente

Para reduzir o número de requisições externas e melhorar a performance do seu projeto, instale fontes do Google Fonts localmente via NPM.

Para isso, acesse o site Fontsource (https://fontsource.org/) e clique em “Font Previews”.

Pesquise sua fonte, por examplo, IBM Plex Mono. Copie o código da fonte @fontsource/ibm-plex-mono e instale ela no seu projeto com:

npm install @fontsource/ibm-plex-mono.

Pronto, agora você só precisa importar a fonte no seu projeto. Por examplo:

• import “@fontsource/ibm-plex-mono”;
• import “@fontsource/ibm-plex-mono/600.css”;

E adicionar a regra ao CSS do projeto:

body {
  font-family: "Open Sans", sans-serif;
}
Code language: CSS (css)