Solved: Como agregar una fuente externa de google en magen...

nybegynner _mag · ‎10-29-2018

Saludos comunidad, estoy intentando agregar una nueva fuente externa de google a mi theme personalizado en el <head> de

/app/design/frontend/(customize)/(mi theme)/Magento_Theme/layout/default_head_blocks.xml

agrego la fuente, la cual es la siguiente:

<!-- Add external resources -->
<link rel="stylesheet" type="text/css" src="https://fonts.googleapis.com/css?family=Kani" src_type="url" />

y en el css:

.my-class {
        margin-left: 200px;
        font-family: 'Kanit', sans-serif !important;
        font-size: 40px;
    }

Limpio la cache y no obtengo resultado, me estoy saltando un paso?.

estoy siguiendo los pasos de la documentacion oficial: https://devdocs.magento.com/guides/v2.2/frontend-dev-guide/layouts/xml-manage.html#layout_markup_css

aca en staroverflow aun esta sin respuesta: https://stackoverflow.com/questions/46115398/how-to-add-font-files-to-custom-theme-in-magento-2

espero la respuesta de quien me pueda colaborar en este problema

nybegynner _mag · ‎11-26-2018

@Damian CulottaGracias por responder, a la final no me fue necesario agregarlo al .xml

basto con agregarlo en el css, agregar la fuente y el llamado en el .css

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit/Kanit-Medium.ttf')format('truetype');
    font-weight: 300;
    font-style: normal
}

igual funciona mejor en el .xml agregandolo de la sigueinte manera:

View solution in original post

Damian Culotta · ‎11-18-2018

Hola @nybegynner _mag,

¿Cuando agregas el código, se imprime en el header?

¿Si miras con la consola de tu navegador, se ven las llamadas remotas a los recursos o ves errores?

nybegynner _mag · ‎11-26-2018

@Damian CulottaGracias por responder, a la final no me fue necesario agregarlo al .xml

basto con agregarlo en el css, agregar la fuente y el llamado en el .css

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit/Kanit-Medium.ttf')format('truetype');
    font-weight: 300;
    font-style: normal
}

igual funciona mejor en el .xml agregandolo de la sigueinte manera:

Damian Culotta · ‎11-26-2018

Gracias @nybegynner _mag por compartir la solución que te funciono finalmente.

Como agregar una fuente externa de google en magento 2.2

Como agregar una fuente externa de google en magento 2.2

Re: Como agregar una fuente externa de google en magento 2.2

Re: Como agregar una fuente externa de google en magento 2.2

Re: Como agregar una fuente externa de google en magento 2.2

Re: Como agregar una fuente externa de google en magento 2.2