font awesomeを使ってアイコンを表示したのですが、大きさを公式サイトの方で紹介されているfa-5xなどよりも大きくしたいです。
html
1<i class="fa fa-clock-o fa-5x" aria-hidden="true"></i> 2<i class="fa fa-money" aria-hidden="true"></i> 3<i class="fa fa-cutlery" aria-hidden="true"></i>
css
1.fa-5x{ 2 font-size:300px; 3}
このように記述しているのですが、要素検証をすると、
css
1.fa-5x { 2 font-size: 5em; 3} 4.fa { 5 display: inline-block; 6 font: normal normal normal 14px/1 FontAwesome; 7 font-size: inherit; 8 text-rendering: auto; 9 -webkit-font-smoothing: antialiased; 10 -moz-osx-font-smoothing: grayscale; 11 transform: translate(0, 0); 12}
このような表記になっており5em以上の大きさに出来ません。
どうすればもっとアイコンを大きく表示出来ますでしょうか。
どなたか助けて頂きたいです。

回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/04/27 07:40