Agregar tipografia al checkout

Hola comunidad

Hoy vengo con esta duda … ¿cómo se hace para agregar una nueva font-family al checkout si estoy usando el Checkout UI Custom app? En mi caso necesito agregar Poppins, una fuente que extraigo de google fonts.
Estoy agregando este línea:

@import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap’);

al apartado css pero no me está funcionando.

Hello, have you tried uploading these fonts inside /admin/cms/styles?

More information:

https://vtex.io/docs/components/functional/vtex.checkout-ui-custom@0.0.9/

i see that css tab

Screen Shot 2023-01-11 at 22.47.28

Gracias, sí, lo intenté así.
Mi solución fue…
Por sugerencia de alguien más, lo que hice fue cargar los archivos de la fuente al CMS con extensión .css. Es decir, Poppins-Regular.ttf.css, así para cada variación.

Luego, en el archivo de css del checkout con el @font-face los agregué y funcionó. De esta forma …

@font-face {
    font-family: 'Poppins';
    src: url('/arquivos/Poppins-Regular.ttf.css');
    font-weight: 400;
}
4 Likes

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.