Especificación: Alojamiento local de Google Fonts para GDPR y velocidad

Guía práctica para alojar fuentes de Google en el propio servidor en formato WOFF2: eliminación de peticiones externas, font-display: swap, precarga y conformidad absoluta con normativas de privacidad.

+5 XP за шаг

Выполнено 0 из 3 шагов (0%)

Трудозатраты~8 рабочих часов

Фриланс вилка~$360 – $600 (€320 – €560)

Оценка веб-студии~$760 – $1,280 (€720 – €1200)

ТЗ заказчика (исходный бриф):

«Cero peticiones a servidores externos de fuentes. Entrega 100% local con visualización instantánea del texto.»

Ключевые требования:

•Descarga de pesos necesarios exclusivamente en el formato ligero WOFF2
•Definición de reglas @font-face locales con la directiva font-display: swap
•Precarga (preload) de las fuentes críticas en la cabecera <head>
•Desregistro de hojas de estilo externas de Google Fonts en temas y maquetadores
•Comprobación en la pestaña Network para confirmar cero llamadas a fonts.gstatic.com

Ограничения проекта:

•Uso exclusivo del formato WOFF2 (descartar archivos TTF o EOT pesados)
•Cero saltos de maquetación (CLS = 0) durante la sustitución de fuentes

Критерии приёмки (KPI):

0 peticiones externas a servidores de Google Fonts
Reducción de LCP entre 200 y 400 ms en conexiones móviles
100% de conformidad legal con el RGPD europeo

Конфигурация блупринта под условия проекта

Выберите архитектуру и стек — шаги роадмапа, структура файлов и примеры кода переключатся автоматически:

Способ локализации:

Пошаговое практическое руководство по ТЗ

Подробный разбор архитектуры, код реализации и советы эксперта по каждому этапу:

Этап 1 из 3

Paso 1: Selección de familias y descarga en formato WOFF2

Практическое руководство:

Identifique las familias y pesos tipográficos presentes en el sitio. Utilice la herramienta google-webfonts-helper para descargar las fuentes en formato WOFF2.

Важные технические нюансы и подводные камни:

Descarte formatos obsoletos como TTF o EOT. WOFF2 cuenta con soporte universal en navegadores modernos y reduce el peso del archivo en aproximadamente un 70%.

Этап 2 из 3