Evita los errores más comunes en la carga de web fonts

[@EstebanDiaz-qr1tw]

Estaría genial un vídeo en donde hablen de WOFF2 vs TTF y que carguen una fuente de manera local :)

[@ernestinafull]

Porque mi fuente no carga en dispositivos móviles?

[@TheHect89]

Son unos cracks! Estoy a nada de empezar a comprar cursos

[@SonGoku-pc7jl]

jeje, buena performance de quitar las letras no utilizadas en la tipografia de un titulo ;) gracias

[@MatiDragon]

Fahh.. unos capos 👌

[@Aquellahistoria]

Que tema light usa nuria ?

[@kiquenet]

Llegar a controlar cada detalle, hasta letra a letra..

[@joanvicencvallescervera8871]

Me lo estoy inventando, pero igual para alfabetos como chino que tienen versiones simplificadas puede ser mucho más interesante que para nosotros

[@danielrodriguez8566]

Máquinas!

[@chelipf]

Obviamente lo mejor en cuanto a rendimiento es no cargar nada externo y quedarte con una "safe font". Llevo días peleándome para mejorar el LCP y el CLS, y resulta que cargar fuentes desde google fonts está haciendo que Google ya nos esté penalizando. Solución? de momento quitarlas mientras replanteamos todo. Como bien ha dicho Nuria a lo mejor nos estamos flipando y eso está fastidiando muchísimo el rendimiento de muchas webs y en consecuencia probablemente también el SEO. En todo caso como también comenta Nuria no es solo una decisión técnica o solo de diseño sino que hay que ver como llegar a un consenso entre las dos partes para que sea bonito pero al mismo tiempo sea lo más usable posible y que cargue igualmente lo más rápido posible. Os ha faltado comentar algunos temas como los parámetros preconnect o preload y explicar mejor los tipos de fuentes que existen, qué es una safe font, etc. Pero supongo que todo esto es lo que explicáis en el curso. Muy buen artículo en cualquier caso. Saludos y gracias por el aporte.

[@moviedomof]

I want a T-shirt with Nuria's ... 😉

[@Sam-hu3xt]

Nunca lo he programado pero se podría hacer con JS, un subrayado del texto que se estaba mostrando antes de moverse todo de sitio para que lo encuentres fácil no? A alguien le parece interesante?

[@nikolaydiazromero4466]

no seria mejor cargar un @font-face{} y poner lo q realmente vas a usar para no tener que hacer peticiones a google? Escucho opiniones