Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

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

Đã đóng Phù hợp với người mới
  • Có gì không ổn?
#18,117 2 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
67/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
android, react-native, typescript
Lĩnh vực
mobile

Hướng nghiên cứu

Bắt đầu trong apps/mobile và theo dõi cách các họ phông chữ được gán cho phần đầu trang, nội dung tin nhắn, danh sách và trình soạn thảo trên Android. Kiểm tra cấu hình phông chữ của React Native và so sánh văn bản được hiển thị với ứng dụng web trên thiết bị Android. Hoàn thành khi Android sử dụng kiểu chữ sans-serif tỷ lệ và dấu đầu dòng hiển thị chính xác trong toàn bộ ứng dụng.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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

Ngôn ngữ chính
TypeScript
Star
24.8k
Fork
6.4k
Merge trung bình
6 giờ 53 phút
Pull request đã merge (30 ngày)
222

Chuẩn bị môi trường

Mở trong Codespaces

Khởi chạy dev container của dự án ngay trên trình duyệt, bằng tài khoản GitHub của bạn.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của pingdotgg/t3code

Tất cả issue của pingdotgg/t3code

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.