Загрузка шрифтов для настройки темы Material-UI в Next.js не работает - PullRequest
Новая
       8

Загрузка шрифтов для настройки темы Material-UI в Next.js не работает

0 голосов
/ 27 сентября 2019

Я пытаюсь добавить разные шрифты в мой theme.js при использовании Material-UI в Next.js.Было удивительно сложно понять, как это сделать.

Я пытался использовать fontfaceobserver, как предлагается здесь (https://github.com/zeit/next.js/issues/512),, но не могу обновить тему. Вот мой файл theme.js: 

const theme = createMuiTheme({
  typography: {
    fontFamily: [
      'Raleway','Roboto Condensed',
    ].join(','),
    fontWeight: 700,
    h1:{
      fontFamily: 'Raleway',
      fontWeight: 700,
    }
  },
});

Шрифтдля моего h1 не меняется: (

1 Ответ

0 голосов
/ 28 сентября 2019

Для тех, кто идет по этому пути, ответ был на самом деле в примере проекта Material-ui и Next.js, который я использовал:

https://github.com/mui-org/material-ui/blob/master/examples/nextjs/pages/_document.js

Вы можете увидеть, как получают шрифты Googleимпортировано выше.

...