Reactjs 材质UI v1：如何为材质UI v1中的所有组件设置一个字体大小？

我们在应用程序中使用1.4.5材质ui。现在，我们正在尝试为应用程序中的所有组件设置一个字体大小。例如，我们想为标题/按钮/段落/列表设置

fontSize:14px，

。。。等等 下面是我们的主题配置示例：

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

const theme = createMuiTheme({
  typography: {
    fontSize: 14,
  },
  palette: {
    primary: purple,
    secondary: green,
  },
  status: {
    danger: 'orange',
  },
});

如果您注意到我们试图在

排版

对象中定义字体大小，但使用此配置，material ui会根据在中给出的公式计算字体大小

我们正在尝试在应用程序范围内实现14px字体大小，但我们找不到这样做的选项。一个选项可以是

pxToRem

函数，但我不确定该如何覆盖该函数以及该使用什么函数？另一个选择是在每个组件中定义样式，我认为这有点过分了，因为我们应该能够用主题对象来实现。 如果你能想出一种全局设置字体大小的方法，请帮助我。 非常感谢你的帮助

注：我不知道为什么有人会因为我的回答而否决我的答案 答案基于物料ui文档。这是。请 展开“排版”部分，您将看到所有字体都是这样显示的 一切就绪。请在此评论否决投票的原因。另外，请注意 当我写这个答案时，我使用的是材料UI 1.4.5

我将发布解决我问题的解决方案。希望这也能帮助其他人： 我最终在主题的属性中定义字体大小。以下是我如何在主题中设置它

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

const theme = createMuiTheme({
  typography: {
    fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
    fontSize: 13,
    display4: {
      fontSize: 13,
    },
    display3: {
      fontSize: 13,
    },
    display2: {
      fontSize: 13,
    },
    display1: {
      fontSize: 13,
    },
    headline: {
      fontSize: 13,
    },
    title: {
      fontSize: 13,
    },
    subheading: {
      fontSize: 13,
    },
    body2: {
      fontSize: 13,
    },
    body1: {
      fontSize: 13,
    },
    caption: {
      fontSize: 13,
    },
    button: {
      fontSize: 13,
    },
  },
  palette: {
    primary: purple,
    secondary: green,
  },
  status: {
    danger: 'orange',
  },
});

我注意到，如果您使用

Div

而不是

PAPER

元素，有时格式不适用（材质ui有缺陷？？）。因此，我最终创建了一个全局类，并将其应用于覆盖我的主题样式的任何元素

  overRidefonts: {
    fontSize: 13,
    fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
  },

---

伟大的提示，将暂时实现这一点。