https://takao.blog/es/tags/fonts/Recent content in Fonts on Commentary of TakaoHugo -- gohugo.ioesCommentary of TakaoSun, 12 Jul 2026 04:12:51 +0900https://takao.blog/es/web/performance-fonts-loading-optimization/Sun, 15 Mar 2026 00:00:00 +0900https://takao.blog/es/web/performance-fonts-loading-optimization/<img src="https://takao.blog/img/thumbnail/performance-fonts-loading-optimization-es.png" alt="Featured image of post Optimización de carga de fuentes web" /><p>Las fuentes web pueden causar FOIT (Flash of Invisible Text) o FOUT (Flash of Unstyled Text). Optimizar su carga mejora LCP y la experiencia de lectura.</p> <h2 id="font-display">font-display </h2><p><code>font-display: swap</code>: muestra texto con fuente del sistema mientras carga. <code>font-display: optional</code>: no descarga si la red es lenta. <code>font-display: block</code>: período de bloqueo corto.</p> <h2 id="subset-de-fuentes">Subset de fuentes </h2><p>Incluye solo los caracteres necesarios (latino básico, no todos los glifos). Herramientas: <code>glyphhanger</code>, <code>fonttools</code>. Reduce drásticamente el tamaño de archivos.</p>