“Cómo incluir fuentes personalizadas en un proyecto React” Código de respuesta

Cómo agregar fuente personalizada para reaccionar el proyecto

@font-face {
  font-family: "AssistantRegular";
  src: local("AssistantRegular"),
    url("./fonts/assistant.regular.ttf") format("truetype");
  font-weight: normal;
}
Kami

Cómo incluir fuentes personalizadas en un proyecto React

/*Create a directory "fonts" in your src folder
Move your font files in the "fonts" directory
Create / In your App.css file, you can use them as followed
*/

@font-face {
  font-family: 'MyFont';
  src: local('MyFont'), url(./fonts/MyFont.woff) format('woff');
  /* other formats include: 'woff2', 'truetype, 'opentype',
                            'embedded-opentype', and 'svg' */
}

/*Import the App.css file in your App.js*/
Strange Seahorse

Respuestas similares a “Cómo incluir fuentes personalizadas en un proyecto React”

Preguntas similares a “Cómo incluir fuentes personalizadas en un proyecto React”

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código