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
Solved! Go to Solution.
@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:
<link src="https://fonts.googleapis.com/css?family=Kani&amp;amp;" src_type="url" rel="stylesheet" type="text/css" />
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?
@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:
<link src="https://fonts.googleapis.com/css?family=Kani&amp;amp;" src_type="url" rel="stylesheet" type="text/css" />
Gracias @nybegynner _mag por compartir la solución que te funciono finalmente.