reactJS Material UI字体图标集大小

Question

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

我已尝试过以下代码，但它似乎无法正常工作。

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

Answer 1

尝试使用材质图标字体：

<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>