Elementor Proのカスタムアイコン機能を使って、ウェブサイトに独自のカスタムアイコンをアップロードしましょう。Fontello、Icomoon、またはFontasticを使用することができます。
フォントセットの作成
Fontello
- http://fontello.com/ に行きます。
- いくつかのアイコンを選択するか、または独自のカスタムSVGファイルをアップロードします。
- レンチ をクリックします。
- CSSのプレフィックスを追加します。これはユニークである必要があります。
- フォントに名前をつけます。
- フォントをダウンロードします（zipファイル）
IcoMoon
- https://icomoon.io/app に行きます。
- いくつかのアイコンを選択するか、または独自のカスタムSVGファイルをアップロードします。
- 画面下のGenerate Font（フォントの生成）タブをクリックします。
- 画面上のPreferencesボタンをクリックします。
- フォントに名前をつけます。
- 「Class prefix」の下に、一意の接頭辞を与えます。
- 右上のXをクリックして終了します。
- Download（ダウンロード）をクリックしてフォントをダウンロードします。
Fontastic
- Fontasticのアカウントを作成します。
- いくつかのアイコンを選択するか、または自分のアイコンをインポートします。
- インポートするには、トップメニューバーのAdd More Icons（その他のアイコンを追加）をクリックします。
- Modify Fontタブをクリックします。
- フォントに名前をつけます。
- フォントに独自の CSS クラス接頭辞をつけます。
- Saveをクリックします。
- Publishタブに移動します。
- Downloadをクリックしてフォントをダウンロードします。
自身のフォントセットのインストール
WordPressのダッシュボードより
- Elementor > カスタムアイコンに移動します。
- Add Newをクリックします。
- フォントのzipファイルをドラッグ＆ドロップします。
- アイコンセット名を入力します。
- 更新をクリックします。
- 「カスタムアイコン」エリアには、アイコンセット名、アイコン番号、各アイコンセットに固有のCSSプレフィックスが表示されます。
公式ページ：Custom Icons (Pro)