Si necesitas agregar una tipografía externa a tu landing page debes realizar los siguientes pasos, de esta guía:
Índice de esta guía
Agregar una nueva hoja de estilos desde la opción Stylesheets.
Agregar el código para sumar la nueva tipografía.
Utilizar la clase en los elementos correspondientes.
Agregar una nueva hoja de estilos desde la opción Stylesheets.
En primer lugar, es necesario crear una nueva hoja de estilos para poder agregar la nueva tipografía. Para hacer esto, debes hacer clic en el botón Stylesheets que se encuentra en la parte inferior del área de trabajo y seleccionar la opción +Agregar nueva hoja de estilos.
Agregar el código para sumar la nueva tipografía.
Dentro de la hoja de estilos creada, debes pegar el siguiente código:
<style>
@font-face {
font-family: 'Nombre de la tipografía';
font-style: normal;
font-weight: 400;
src: url(https://yourdomain.com/fonts/font.ttf) format("truetype");
}
.miClaseDeFuente {
font-family: 'Nombre de la tipografía' !important;
}
</style>
A continuación, te brindamos algunos detalles a tener en cuenta como referencia:
- Nombre de la tipografía: Corresponde al nombre de la tipografía que deseas utilizar.
- .miClaseDeFuente: Es el nombre de la clase que luego utilizarás en cada uno de los elementos.
Luego, para grabar la nueva fuente, debes seleccionar la opción Grabar hoja de estilos.
Utilizar la clase en los elementos correspondientes.
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.