reactjs 在材质UI主题中扩展版式

5f0d552i 于 2022-12-03 发布在 React

关注(0)|答案(2)|浏览(125)

是否可以在材质UI主题中定义额外的字体（字体系列）。我想得到这样的东西：

export const theme = createMuiTheme({
    typography: {
        fontFamily: '"Open Sans", sans-serif',
        fontFamilyPrimary: '"Lato", sans-serif',
        fontFamilySecondary: '"Nunito", sans-serif',
    },
});

reactjs

来源：https://stackoverflow.com/questions/59860790/extend-typography-in-material-ui-theme

2条答案

按热度按时间

mwngjboj1#

我只是不得不做同样的事情。解决方案是增加createTypography模块定义并添加您需要的内容。

declare module '@material-ui/core/styles/createTypography' {
  interface FontStyle {
    fontFamilySecondary: string;
  }
}

赞(0）回复(0）举报 2022-12-03

1wnzp6jl2#

基于@Luke Chapman * 的答案。在MUI v5中，这是如何做到的。

declare module '@mui/material/styles/createTypography' {
  interface FontStyle {
    font1: string; // custom prop that you need goes here
  }
}

赞(0）回复(0）举报 2022-12-03

我来回答

reactjs 在材质UI主题中扩展版式

2条答案

相关问题

热门标签

最新问答