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圖標文檔建議使用其屬性'fontSize';

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