WordPress/gutenberg

Custom font upload not working

Open

#72.265 geöffnet am 11. Okt. 2025

Auf GitHub ansehen
 (15 Kommentare) (0 Reaktionen) (1 zugewiesene Person)JavaScript (3.893 Forks)batch import
Good First Issue[Feature] Font Library[Status] In Progress[Type] Bug

Repository-Metriken

Stars
 (9.607 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 12T 18h) (509 gemergte PRs in 30 T)

Beschreibung

Description

When trying to install this font it wouldn't complete and instead we are seeing a browser console error.

Step-by-step reproduction instructions

  1. Go to Appearance > Editor
  2. Styles > Fonts
  3. Try uploading this font:

AaDaoShuRi-LangManHeiTi-2.ttf.zip

Screenshots, screen recording, code snippet

The console renders:

Uncaught (in promise) SyntaxError: Invalid font data in ArrayBuffer

Th workaround is to convert it to a .woff2. I've used https://transfonter.org/

Environment info

WordPress 6.9 and the current stable version

Please confirm that you have searched existing issues in the repo.

  • Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

  • Yes

Please confirm which theme type you used for testing.

  • Block
  • Classic
  • Hybrid (e.g. classic with theme.json)
  • Not sure

Contributor Guide

Research-Richtung
Untersuchen Sie den Font Upload Handler im Gutenberg Quellcode. Suchen Sie die Stelle, an der ArrayBuffer in eine Schriftart umgewandelt wird, und identifizieren Sie, warum .ttf Dateien 'Ungültige Schriftdaten' verursachen. Überprüfen Sie die Konvertierungslogik von Blob zu Schriftart und fügen Sie Unterstützung für TTF Formate hinzu oder verbessern Sie die Fehlerbehandlung.
Tech Stack
javascriptreact
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
JavaScriptReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70