Para utilizar fuentes de Figma en nuestro proyecto, primero debemos importarlas desde Google Fonts.
En Google Fonts, buscamos la fuente que queremos usar, seleccionamos el estilo (como Regular 400) y copiamos el código de importación CSS.
Pegamos el código de importación CSS en nuestro archivo CSS, asegurándose de terminar con un punto y coma.
@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
Luego, aplicamos la fuente a los elementos HTML usando la propiedad font-family y el nombre de la familia de fuentes proporcionado por Google Fonts.
.presentacion_contenido_titulo {
font-size: 36px;
font-family: "Krona One", sans-serif;
}
.presentacion_contenido_texto {
font-size: 24px;
font-family: "Montserrat", sans-serif;
}
Repetimos este proceso para cada fuente que queremos usar en nuestro proyecto.
Es importante verificar en Figma los nombres y estilos de fuentes que estamos utilizando para asegurarnos de importarlos correctamente.
