material ui : 更改默认字体 Family List Item Text Material Ui

Question

<ListItem disablePadding key={index}>
            <Link to={data.loc}>
              <ListItemButton>
                <ListItemIcon>
                  <data.icon color={setColor(page, data.index,'secondary','primary')} />
                </ListItemIcon>
                <ListItemText
                  primary={data.name}
                  style={{color:setColor(page,data.index,'#FBC02D','white'),fontFamily:'Vazir'}}
                />
              </ListItemButton>
            </Link>
 </ListItem>

我想修复此代码更改字体系列但是我在开发工具中看到元素没有改变

my code

my font

//输出：image

Answer 1

我正在解决问题

只需添加 disableTypography={true}

进入 ListItemText

image code

Answer 2

ListItem:{
      '& span, & svg': {
      fontFamily: "fontName" ,
      fontSize: '1rem'  },
      color:' darkGreen' ,
      paddingLeft: 20,
      
    },

material ui : 更改默认字体 Family List Item Text Material Ui

material ui : Change Defualt font Family Listitem Text Material Ui

reactjs

material-ui