[Bug]: Android app renders condensed/squished font across UI and markdown
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 初心者へのやさしさ
- 67/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 活発
- 技術スタック
- android, react-native, typescript
- 領域
- mobile
調査の方向性
apps/mobile から始めて、Android でヘッダー、メッセージ本文、リスト、コンポーザーにフォントファミリーがどのように割り当てられているかを追ってください。React Native のフォント設定を確認し、Android デバイスで表示されたテキストを Web クライアントと比較してください。Android がアプリ全体でプロポーショナルなサンセリフ体を使用し、箇条書きが正しく表示されれば完了です。
索引モデルが issue の本文から書いたものです。
説明
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
- Open the T3 Code Android mobile app on a Pixel / Android device.
- Connect to an active server / thread.
- Observe text rendering in the header bar, message body, bullet lists, and input box.
- 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/mobileon Android andapps/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
- 主要言語
- TypeScript
- スター
- 24.8k
- フォーク
- 6.4k
- 平均マージ
- 12時間 40分
- マージ済み PR（30日）
- 322
環境構築
このプロジェクトの開発コンテナを、あなたの GitHub アカウントでブラウザ上に起動します。
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
pingdotgg/t3code のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 73/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
メンテナーはふだん 1 日以内に返信
-
[Bug]: Server git tests sign fixture commits with the developer's key when run from the repo root対応中かも @Mnigos が 1 日前に担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信
pingdotgg/t3code の issue をすべて見る