Issue – Brat Generator Text Rendering Problem on GitHub Deployment

Offen
#8,449 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Anfängerfreundlichkeit
25/100
Issue-Typ
Bug
Klarheit
Muss geklärt werden
Aktivitätsstatus
Ruhig
Tech-Stack
css, github, html, javascript
Bereich
frontend, web-dev

Rechercherichtung

Der Bericht nennt keine Repository-Dateien, Tests oder bereitgestellte Seite; beginne damit, das brat generator-Projekt zu lokalisieren und die GitHub-Pages-Bereitstellung in Chrome, Firefox und Safari nachzustellen. Überprüfe das gemeldete Laden der Schriftarten, Asset-Pfade, CSS-Layout und Farben sowie die Texteffekte auf Mobilgeräten im Vergleich zur lokalen Version. Abgeschlossen ist die Aufgabe, wenn die bereitgestellte Ausgabe mit den lokalen Schriftarten, dem Layout, den Styles und den generierten Effekten übereinstimmt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

type: documentation
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!

Vorherrschende Sprache
JavaScript
Sterne
11.8k
Forks
7.9k
Ø Merge
16 Std. 6 Min.
Gemergte PRs (30 T.)
7

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus reactjs/react.dev

Alle Issues in reactjs/react.dev

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.