Различные варианты шрифта Roboto в компонентах Material-UI - PullRequest
Новая
       102

Различные варианты шрифта Roboto в компонентах Material-UI

0 голосов
/ 26 февраля 2019

Я использую последнюю версию материала-UI компонентов.В документах говорится, что вы должны поместить эту строку кода 

href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"

в ваш index.html, чтобы иметь возможность использовать шрифт Roboto.Мой вопрос: как применить разные варианты шрифта Roboto (например, обычный, жирный, средний, черный, светлый) для разных компонентов?

1 Ответ

0 голосов
/ 26 февраля 2019

На странице Material-UI Typography , Roboto: 300, 400, 500 применяется к типографии Material-UI по умолчанию.

В вашем случае вы можете изменить fontFamily на Roboto иВес шрифта до 100, 300, 400, 700 и 900, чтобы использовать светлый / обычный / черный шрифт Roboto.Кроме того, оберните их HTML или тегом, если хотите сделать его жирным или курсивным.

Например, 

<Typography variant="h6" style={{fontWeight: "700",fontFamily: "Roboto"}}>
  This is stack overflow
</Typography>
...