[Beta] Incorrect font weight
オープン
まだ誰も着手していません。
- 主要言語
- JavaScript
- スター
- 11.8k
- フォーク
- 7.9k
- 平均マージ
- 1日 11時間
- マージ済み PR(30日)
- 11
説明
This is the current font weight of paragraphs in the beta docs

The computed styles have a font weight of 400 but it is actually 500 because there is no font face for the regular font. there is only a font face for the font of weight 500 and this can be found in index.css that only has the following font faces:
@font-face {
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/fonts/Source-Code-Pro-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'Optimistic Display';
src: url('https://beta.reactjs.org/fonts/Optimistic_Display_W_Lt.woff2')
format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Optimistic Display';
src: url('https://beta.reactjs.org/fonts/Optimistic_Display_W_Md.woff2')
format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Optimistic Display';
src: url('https://beta.reactjs.org/fonts/Optimistic_Display_W_Bd.woff2')
format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
The solution would be to add a font face for the regular font because the current font weight for the paragraphs is a bit unreadable.
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
index.css から始め、issue に示されている Optimistic Display の @font-face 宣言を確認してください。不足している regular のフォントフェイスを追加し、その後、ベータ版ドキュメントの段落が意図した regular のウェイトを使用し、ブラウザーで読みやすくなっていることを確認してください。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- css
- 領域
- documentation, frontend
- issue の種類
- バグ
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 35/100