[Beta] Incorrect font weight
Ninguém assumiu esta issue ainda.
- Linguagem predominante
- JavaScript
- Estrelas
- 11.8k
- Forks
- 7.9k
- Merge médio
- 1d 11h
- PRs com merge (30d)
- 11
Descrição
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.
Guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Direção de pesquisa
Comece em index.css e inspecione as declarações @font-face de Optimistic Display mostradas na issue. Adicione a fonte regular ausente e, em seguida, verifique se os parágrafos da documentação beta usam o peso regular pretendido e estão mais legíveis no navegador.
Escrita pelo modelo de indexação a partir do texto da issue.
Avaliação
- Stack de tecnologia
- css
- Domínio
- documentation, frontend
- Tipo de issue
- Bug
- Dificuldade
- 2/5
- Tempo estimado
- 1-3 horas
- Status de atividade
- Estagnada
- Clareza
- Razoavelmente clara
- Facilidade para iniciantes
- 35/100