Загрузка двух пользовательских шрифтов в Material UI ReactJS

#reactjs #typescript #material-ui

#reactjs #typescript #материал-пользовательский интерфейс

Вопрос:

В настоящее время я использую библиотеку Material UI ReactJS для приложения React, но использую Typescript вместо основного Javascript.

У меня есть небольшая проблема, с которой я не могу разобраться.

У меня есть два шрифта, которые я хотел бы использовать в своем приложении react, а именно: Circular-Std и Inter.

Как я могу использовать эти два шрифта в библиотеке Material UI ReactJS с Typescript?

Спасибо.

Ответ №1:

Для добавления пользовательского шрифта просто добавьте это в свой theme.js :

  typography: {
    fontFamily: ["Lexend Deca", "sans-serif"].join(","),
  },