Font Family does not work in ListItemText

Question

Why fontFamily does not work below?

<ListItemText style={{fontFamily:"Times New Roman"}} primary="Sent mail" />

But if I add color it works. Example: https://codesandbox.io/s/r3u1d

Is it possible to add my own font family to ListItemText?

Cheers,

Answer 1

You are using material-ui library, and the solution is hidden in their API:

https://material-ui.com/api/list-item-text/#props

Just use disableTypography prop in ListItemText Component

Here is a modified example:

https://codesandbox.io/s/material-demo-pedw3?file=/demo.tsx

Answer 2

Try using font-family instead of fontFamily.