reactjs / reactjs/react.dev

Issue – Brat Generator Text Rendering Problem on GitHub Deployment

Aberta
#8,449 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

type: documentation
Linguagem predominante
JavaScript
Estrelas
11.8k
Forks
7.9k
Merge médio
1d 11h
PRs com merge (30d)
11

Descrição

Summary

It’s also a great tool for experimenting with creativity. You can test different text styles, layouts, and color combinations until you find something that perfectly matches your vibe.

Page

No response

Details

Hello everyone,

I’m currently facing an issue while deploying a brat generator project on GitHub Pages. The application works correctly in the local development environment, but after deployment, some text styles and visual elements are not rendering properly.

Problem Details:
Custom fonts are not loading correctly after deployment
Background colors and text alignment appear different from the local version
Some generated text effects look broken on mobile devices
CSS styles seem inconsistent between browsers
Environment:
Platform: GitHub Pages
Framework: HTML/CSS/JavaScript
Browser Tested: Chrome, Firefox, Safari
Device: Desktop & Mobile
Steps to Reproduce:
Open the deployed brat generator project
Enter text into the generator
Generate the design
Compare the output with the local version
Expected Result:

The deployed version should display the same fonts, layouts, and styles as the local development version.

Possible Causes:
Incorrect asset paths after deployment
Font files not loading properly
Cache issues on GitHub Pages
CSS compatibility problems

If anyone has experienced similar deployment issues with typography generators or GitHub Pages, I’d really appreciate suggestions or solutions. Thanks in advance!

Guia de contribuição

Abrir o guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Direção de pesquisa

O relatório não menciona arquivos do repositório, testes ou uma página implantada; comece localizando o projeto brat generator e reproduzindo a implantação do GitHub Pages no Chrome, Firefox e Safari. Verifique o carregamento de fontes relatado, os caminhos dos assets, o layout e as cores de CSS e os efeitos de texto em dispositivos móveis em comparação com a versão local. A tarefa estará concluída quando a saída implantada corresponder às fontes, ao layout, aos estilos e aos efeitos gerados locais.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
css, github, html, javascript
Domínio
frontend, web-dev
Tipo de issue
Bug
Dificuldade
4/5
Tempo estimado
3-5 dias
Status de atividade
Pouca atividade
Clareza
Precisa de esclarecimento
Facilidade para iniciantes
25/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.