Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[Bug]: Android app renders condensed/squished font across UI and markdown

Chiusa Adatta ai principianti
  • Qualcosa non va?
#18,117 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
67/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
android, react-native, typescript
Ambito
mobile

Direzione di ricerca

Inizia in apps/mobile e segui come vengono assegnate le famiglie di caratteri all’intestazione, al corpo del messaggio, agli elenchi e al compositore su Android. Controlla la configurazione dei caratteri di React Native e confronta il testo visualizzato con quello del client web su un dispositivo Android. Il lavoro è concluso quando Android usa una tipografia sans serif proporzionale e i punti elenco vengono visualizzati correttamente in tutta l’app.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

needs more info via-triage
Before submitting
  • I searched existing issues and did not find a duplicate.
  • I included enough detail to reproduce or investigate the problem.
Area

apps/mobile

Steps to reproduce
  1. Open the T3 Code Android mobile app on a Pixel / Android device.
  2. Connect to an active server / thread.
  3. Observe text rendering in the header bar, message body, bullet lists, and input box.
  4. Compare with the same thread viewed in Chrome mobile on the same device.
Device & OS
  • Device: Google Pixel 9
  • OS: Android 14 / Android 15
  • Client: T3 Code Android App (React Native / Expo)
  • Host Version: 0.0.46-nightly
Root Cause Context

React Native on Android does not support CSS comma-separated fallback lists. When custom font families are undefined or resolve to system fallbacks, Android defaults to sans-serif-condensed rather than sans-serif. Ensure Platform.select({ android: 'sans-serif' }) is set or explicitly bundle typeface assets via expo-font.

Expected behavior

Typography on the Android native app should match the web client exactly:

  • Use standard proportional sans-serif letter-spacing and aspect ratios rather than condensed glyphs.
  • Bullet points, symbols, and glyph metrics should render identically to the web app (circular • bullets rather than vertically stretched ovals).
  • Visual and reading experience should maintain 1:1 parity between apps/mobile on Android and apps/web.
Actual behavior

On Android (tested on Google Pixel 9, Android 14/15), all typography across the mobile app—including navigation titles, timestamps, chat bubbles, markdown body text, and composer placeholders—renders in a horizontally condensed / squished font (sans-serif-condensed / Roboto Condensed). Circular bullet points (•) render as narrow vertical ovals (◦).

In contrast, the web app running on the same mobile device via Chrome/PWA renders standard proportional sans-serif fonts (Roboto / system sans-serif) with correct aspect ratios and standard circular bullets.

Impact

Cosmetic issue

Version or commit

Android App version 2.0.0

Environment

Android 14 / Android 15

Logs or stack traces
Screenshots, recordings, or supporting files

No response

Workaround

None

Lingua principale
TypeScript
Stelle
24.8k
Fork
6.4k
Merge medio
5h 30m
PR unite (30g)
215

Preparare l'ambiente

Apri in Codespaces

Avvia il container di sviluppo del progetto nel browser, con il tuo account GitHub.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di pingdotgg/t3code

Tutte le issue di pingdotgg/t3code

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.