Llevo desde hace tiempo con este problema. Estoy haciendo una aplicación para cacharrear con Angular, y cuando importo las fuentes de Google Fonts (Poppins), no logro que el texto se renderice correctamente en el teléfono, sin embargo desde mi equipo se ve perfectamente.
Os muestro cómo se renderizan y después el CSS:
A la derecha es como se vería al cargar desde un equipo (Chrome 87). A la izquierda es como se ve desde mi teléfono (Chrome 87 también).
Se puede ver como el grosor de las letras es menor, la forma de las a, o y c no son geométricas, y la verdad es que estropea mucho el concepto de diseño que ya tenía...
Ahora el CSS:
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
A los selectores de h1 a h6 les aplico un font-family: 'Poppins';
pero parece que en el teléfono las está ignorando.
También tengo que decir que estoy usando la biblioteca material icons y funcionan perfectamente, y si depuro por USB/Wifi del teléfono al PC me dice que la fuente es Poppins...
A ver si alguien es capaz de echarme un cable, porque no sé ni por donde empezar, he mirado la pestaña Network en las devtools de Chrome y no aparece la petición de la fuente, aunque si es un import desde CSS no sé con seguridad si debe aparecer ahí.