Documentación | Fuentes Autoalojadas

Accede directamente a los archivos de fuentes WOFF2 optimizados alojados en nuestro CDN.

Fuentes Disponibles (${fontsData.length} Familias)

Uso y Declaración CSS

Para usar estas fuentes en tu proyecto, debes declarar la regla @font-face en tu CSS, apuntando a la URL completa del archivo.

Estructura de la URL:


                        ${BASE_URL}[nombre_carpeta]/[nombre_archivo].woff2

Ejemplo de uso de Roboto: https://api-pse.netlify.app/openapis/fonts/roboto/Roboto-Regular.woff2

Ejemplo de Código CSS:

@font-face {
    font-family: 'Mi Fuente Personalizada';
    src: url('https://api-pse.netlify.app/openapis/fonts/roboto/Roboto-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap; 
}