フォントアイコンのサイズを調整する方法

1. CSSを使用した方法:

   • クラスセレクタを使用して、フォントアイコンの要素を選択します。
   • font-sizeプロパティを使用して、フォントアイコンのサイズを指定します。例えば、font-size: 24px;とすると、サイズが24ピクセルになります。

   <i class="fa fa-rocket"></i>

   .fa {
    font-size: 24px;
   }

2. 直接スタイル属性を使用した方法:

   • フォントアイコンの要素に直接スタイル属性を追加します。
   • style属性の中でfont-sizeプロパティを指定します。

   <i class="fa fa-rocket" style="font-size: 24px;"></i>

3. JavaScriptを使用した方法:

   • JavaScriptを使用して、動的にフォントアイコンのサイズを変更することもできます。
   • フォントアイコンの要素を選択し、styleプロパティを使用してfont-sizeを変更します。

   <i class="fa fa-rocket" id="icon"></i>
   <script>
    const iconElement = document.getElementById('icon');
    iconElement.style.fontSize = '24px';
   </script>

これらの方法を使用すると、フォントアイコンのサイズを簡単に調整することができます。コード例を参考にしながら、自分のプロジェクトに適した方法を選んでください。