Пользовательское семейство шрифтов с Material-UI - PullRequest
Новая
       16

Пользовательское семейство шрифтов с Material-UI

0 голосов
/ 11 ноября 2019

У меня есть приложение Material-UI React, которое запущено и работает, и я пытаюсь добавить новый шрифт в приложение, но у меня возникли некоторые проблемы.

После выполнения этого урока, https://material -ui.com / customization / typography / , вот как выглядит файл темы. 

import { createMuiTheme } from '@material-ui/core/styles';

import NeoSansPro from './fonts/Neo-Sans-Pro.ttf';

const neoSansPro = {
  fontFamily: 'NeoSansPro',
  fontStyle: 'normal',
  fontDisplay: 'swap',
  fontWeight: 400,
  src: `
    local('NeoSansPro'),
    url(${NeoSansPro}) format('ttf')
  `,
  unicodeRange: 'U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF',
};

const appTheme = createMuiTheme({
  ...
  typography: {
    fontFamily: 'NeoSansPro, Arial',
  },
  overrides: {
    MuiCssBaseline: {
      '@global': {
        '@font-face': [neoSansPro],
      },
    },
  },
  ...
});

В любом месте приложения шрифт возвращается к Arial. Что-то мне не хватает, чтобы заставить шрифт `NeoSansPro работать с моим приложением?

...