reactJS Material UI 字体图标设置大小

Question

有没有办法让字体图标变小？

我试过下面的代码，但它似乎不起作用。

<FontIcon className='fa fa-quote-left' style={{ fontSize: '50px' }} />

Answer 1

尝试使用material图标字体：

<FontIcon className="material-icons" style={{fontSize: '32px'}}>home</FontIcon>

Answer 2

Font Awesome，也通过样式表导入字体：

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<FontIcon className="fa fa-star" style={{fontSize: '58px'}}></FontIcon>

Answer 3

material-ui icon documentation 建议使用其属性 'fontSize';

<FontIcon className="material-icons" fontSize="large">home</FontIcon>

reactJS Material UI 字体图标设置大小

reactJS Material UI Font Icon set size

reactjs

material-ui