reactjs / reactjs/react.dev

Issue – Brat Generator Text Rendering Problem on GitHub Deployment

Ouverte
#8,449 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

type: documentation
Langage dominant
JavaScript
Étoiles
11.8k
Forks
7.9k
Merge moyen
1 j 11 h
PR mergées (30 j)
11

Description

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!

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Le rapport ne mentionne aucun fichier du dépôt, test ou page déployée ; commencez par localiser le projet brat generator et reproduire le déploiement GitHub Pages dans Chrome, Firefox et Safari. Vérifiez le chargement des polices signalé, les chemins des assets, la mise en page et les couleurs CSS, ainsi que les effets de texte sur mobile par rapport à la version locale. Le travail est terminé lorsque le résultat déployé correspond aux polices, à la mise en page, aux styles et aux effets générés locaux.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
css, github, html, javascript
Domaine
frontend, web-dev
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
Calme
Clarté
À clarifier
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.