WordPress/gutenberg

Custom font upload not working

Open

#72.265 aberto em 11 de out. de 2025

Ver no GitHub
 (15 comments) (0 reactions) (1 assignee)JavaScript (3.893 forks)batch import
Good First Issue[Feature] Font Library[Status] In Progress[Type] Bug

Métricas do repositório

Stars
 (9.607 stars)
Métricas de merge de PR
 (Mesclagem média 12d 18h) (509 fundiu PRs em 30d)

Description

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

Guia do colaborador

Direção de pesquisa
Examine o manipulador de upload de fontes no código fonte do Gutenberg. Procure onde ArrayBuffer é convertido em um font face e identifique por que arquivos .ttf causam 'Dados de fonte inválidos'. Verifique a lógica de conversão de blob para fonte e adicione suporte para formatos TTF ou melhore o tratamento de erros.
Pilha de tecnologia
javascriptreact
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
JavaScriptReact
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70