Tengo un sitio de varios autores, en el que participan más de 300 escritores. Les ofrezco opciones para escribir sus blogs en 25 familias de fuentes. Pueden elegir tantos como quieran en su publicación.

Pero para acomodar esas 25 fuentes de Google, necesito mucho CSS. Sé que la fuente en sí es descargada por el agente de usuario, solo si se usa en algún lugar de los elementos HTML, pero aún así el css requerido para tener esas 25 fuentes también es muy pesado.

La hoja de estilo para agregar las fuentes proporcionadas por Google incluso después de la minificación es de 180 KB. Puede consultarlo en https://milyin.com/WPSE.css

180Kb pueden dañar mucho el rendimiento de un sitio con un alojamiento económico como el mío.

Mi pregunta es cuál es su forma más rápida de cargar las fuentes de Google, de modo que el archivo no sea tan grande.

O tal vez una biblioteca JS que pueda cargar automáticamente la fuente cada vez que la encuentre en el código del sitio.

O algún otro enfoque ..

El objetivo es mantener el sitio rápido y, al mismo tiempo, permitir que los autores elijan entre 25 fuentes.

Para que lo sepas, cuando puse en cola el archivo, esperé a que se reconstruyera la memoria caché y luego verifiqué mi PSI de Google, vi que se perdieron más de 15 puntos como promedio y el tamaño de la página aumentó significativamente, ahora detuve la cola hasta encontrar una solución.

Nota: como tal, si el autor no usa ninguna fuente, toda la página tiene como valor predeterminado la fuente Poppins alojada localmente, lo que no afecta el rendimiento.