Zum Hauptinhalt springen

Benutzerdefinierte Schriftarten

Mit MTCaptcha können Sie die Typografie des Captcha-Widgets anpassen. Sie können wählen, ob Sie die Standard-Schriftfamilie des Browsers verwenden oder eigene Schriftdateien (z. B. WOFF2, WOFF) direkt in die Konfiguration einbetten möchten.

Konfiguration​

Sie können Schriftarten über das Objekt customFonts in mtcaptchaConfig konfigurieren:

Standard-Browserschrift​

Legen Sie defaultFontFamily fest (z. B. "serif", "sans-serif", "Arial"), um einen Standard-Schriftstapel auf alle Widget-Elemente anzuwenden.

Beispielkonfiguration​

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

Benutzerdefinierte Schriftdeklarationen​

Definieren Sie ein Array benutzerdefinierter Schriftarten in fonts und geben Sie dabei family, url und format an (z. B. woff2, woff, truetype, opentype).

Beispielkonfiguration​

<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>

Wichtige Parameter​

  • defaultFontFamily (String): Standard-Browserschriftfamilie für das gesamte Widget.
  • family (String): Der Name der anzuwendenden benutzerdefinierten Schriftfamilie.
  • url (String): Die direkte URL, unter der die benutzerdefinierte Schriftdatei gehostet wird.
  • format (String – optional): Das Format der benutzerdefinierten Schriftdatei (woff2, woff, truetype, opentype).

Auf der Suche nach weiteren Konfigurationen?​

Verwenden Sie den interaktiven MTCaptcha Code-Generator, um alle verfügbaren UI-Elemente, Screenreader-Beschriftungen, Statusmeldungen und lokalisierten Konfigurationen in Echtzeit anzupassen und in der Vorschau anzuzeigen.

Font tab in the MTCaptcha Code Generator