Saltar al contenido principal

Fuentes Personalizadas

MTCaptcha te permite personalizar la tipografía del widget de captcha. Puedes elegir entre usar la familia de fuentes predeterminada del navegador o incrustar archivos de fuentes personalizados (como WOFF2, WOFF) directamente en la configuración.

Configuración​

Puedes configurar las fuentes usando el objeto customFonts dentro de mtcaptchaConfig:

Fuente Predeterminada del Navegador​

Configura defaultFontFamily (por ejemplo, "serif", "sans-serif", "Arial") para aplicar una pila de fuentes estándar a todos los elementos del widget.

Configuración de Ejemplo​

<script>
var mtcaptchaConfig = {
  "sitekey": "<YOUR_SITE_KEY>",
  "customFonts": {
    "defaultFontFamily": "sans-serif",
  }
};
</script>

Declaraciones de Fuentes Personalizadas​

Define un array de fuentes personalizadas en fonts, especificando family, url y format (por ejemplo, woff2, woff, truetype, opentype).

Configuración de Ejemplo​

<script>
var mtcaptchaConfig = {
  "sitekey": "<YOUR_SITE_KEY>",
  "customFonts": {
    "fonts": [
      {
        "family": "Inter",
        "url": "https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@5.3.0/latin-wght-normal.woff2",
        "format": "woff2"
      }
    ]
  }
};
</script>

Parámetros Clave​

  • defaultFontFamily (String): Familia de fuentes predeterminada del navegador para todo el widget.
  • family (String): El nombre de la familia de fuentes personalizada a aplicar.
  • url (String): La URL directa donde se aloja el archivo de fuente personalizado.
  • format (String - Opcional): El formato del archivo de fuente personalizado (woff2, woff, truetype, opentype).

¿Buscas Más Configuraciones?​

Utiliza el Generador de Código de MTCaptcha interactivo para personalizar y obtener una vista previa en tiempo real de todos los elementos de la interfaz, etiquetas de lectores de pantalla, mensajes de estado y configuraciones localizadas disponibles.

Font tab in the MTCaptcha Code Generator