Necesitamos tu apoyo para difundir nuestros posts acerca de las ciencias informáticas.
Solución:
yo uso tipos de letra yarn add typeface-roboto
y luego solo haz un require("typeface-roboto") / import "./typeface-roboto" o cualquier fuente que elijas.
Espero que esta sea la respuesta que estás buscando.
Use fontsource, los tipos de letra están obsoletos ahora.
yarn add @fontsource/open-sans // npm install @fontsource/open-sans
Luego, dentro del archivo de entrada de su aplicación o componente del sitio, impórtelo. Por ejemplo, en Gatsby, puede elegir importarlo a una plantilla de diseño (layout.js), componente de página (index.js) o gatsby-browser.js.
import "@fontsource/open-sans" // Defaults to weight 400 with all styles included.
Fontsource le permite seleccionar pesos e incluso estilos individuales, lo que le permite reducir el tamaño de la carga útil hasta el último byte. Al utilizar el selector de rango Unicode de CSS, se tienen en cuenta todos los subconjuntos de idioma.
import "@fontsource/open-sans/500.css"; // All styles included.
import "@fontsource/open-sans/900-normal.css"; // Select either normal or italic.
¡Alternativamente, las mismas soluciones podrían importarse a través de SCSS!
@import "[email protected]/open-sans/index.css";
@import "[email protected]/open-sans/300-italic.css";
Fuente de fuentes
El proyecto de tipografías ahora está en desuso y su sucesor es fontsource.
Uso
No hay mucha diferencia a la hora de usarlo.
Instalar en pc:
yarn add @fontsource/open-sans // npm install @fontsource/open-sans
Importar:
import "@fontsource/open-sans"
Referencia:
body
font-family: "Open Sans";
Si entiendes que te ha resultado de provecho nuestro post, te agradeceríamos que lo compartas con más juniors y nos ayudes a difundir nuestra información.