有没有办法使用material ui @next React将不同的字体添加到排版中的不同属性

是的，可以使用Material-UI @next React将不同的字体添加到排版中的不同属性。Material-UI是一个基于React的UI组件库，提供了丰富的组件和样式，可以帮助开发者快速构建美观的用户界面。

要将不同的字体添加到排版中的不同属性，可以使用Material-UI提供的Typography组件。Typography组件用于设置文本的样式和排版规则，包括字体、字号、行高等。

首先，确保已经安装了Material-UI和React，并导入所需的组件和样式：

import React from 'react';
import { Typography } from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';

然后，可以使用Typography组件来设置不同的字体。通过设置Typography组件的variant属性，可以选择不同的排版样式，例如'h1'、'h2'、'body1'等。通过设置Typography组件的style属性，可以进一步自定义字体的样式，包括字体族、字号、行高等。

const useStyles = makeStyles({
  customFont: {
    fontFamily: 'Arial',
    fontSize: '16px',
    lineHeight: '1.5',
  },
});

function App() {
  const classes = useStyles();

  return (
    <div>
      <Typography variant="h1" className={classes.customFont}>
        Heading 1 with custom font
      </Typography>
      <Typography variant="body1" className={classes.customFont}>
        Body text with custom font
      </Typography>
    </div>
  );
}

export default App;

在上面的例子中，我们定义了一个名为customFont的样式类，其中设置了字体族为Arial，字号为16px，行高为1.5。然后，在Typography组件中应用这个样式类，实现了不同的字体应用到不同的排版属性中。

关于Material-UI的更多信息和使用方法，可以参考腾讯云的相关产品和产品介绍链接地址：Material-UI。