フォントを既存のフォントに更新する
icomoon からダウンロードした 5 つの icomoon フォントを Web サイトで使用しています。あと2つのフォントを含めたいです。私は何をすべきか?
新しい 2 つのフォントを既存のフォントに追加できますか? はいの場合、どうすれば追加できますか?
フォントを既存のフォントに更新する
icomoon からダウンロードした 5 つの icomoon フォントを Web サイトで使用しています。あと2つのフォントを含めたいです。私は何をすべきか?
新しい 2 つのフォントを既存のフォントに追加できますか? はいの場合、どうすれば追加できますか?
既存のフォントに新しい「アイコン」を追加したいと思っていると思います。IcoMoon からダウンロードしたフォント パックには、「selection.json」ファイルが付属しています。このファイルがある場合は、 [アイコンのインポート] ボタンを使用して IcoMoon アプリにインポートします。その後、さらにアイコンを選択して新しいフォントを生成できます。
この「selection.json」ファイルにアクセスできない場合は、同じ[アイコンのインポート] ボタンを使用して SVG フォントをインポートできます。この場合の欠点は、グリフ名を再度追加する必要がある場合があることです。
以前に作成したフォントを保存/ロードするもう 1 つの方法は、プロジェクト マネージャーを使用することです: [メイン メニュー] > [プロジェクトの管理]。後でロードできるように、プロジェクトをダウンロードすることをお勧めします。
現在、icomoon では .ttf ファイルをインポートできません。http://freefontconverter.com/などのサービスを使用して .ttf ファイルを svg に変換します。完了したら、svg ファイルを現在のプロジェクトにインポートして、さらにアイコンを追加できます。それ。
icomoon サイトに移動し、icomoon アプリをクリックし、インポート ボタンをクリックして、コードにある古い icomoon.SVG ファイルをインポートします。インポートが完了すると、icomoon サイトのそのファイルにあるすべてのアイコンを確認できます。新しい SVG をインポートするか、既存の icomoon リストから既存のリストに追加したいものを選択し、すべて (つまり、既存の古いアイコンと既存のリストに追加したい新しいアイコン) を選択し、[フォントの生成] をクリックしてダウンロードします。そのファイルを抽出すると、フォントフォルダーがそのフォルダー内のすべてのファイルをコピーしてコードに貼り付けられることがわかります(つまり、コード内の既存のファイルをこのファイルに置き換えます)。抽出された icomoon zip にある styles.css フォルダーが表示されます。新しく生成されたクラスを確認し、それらの新しく生成されたクラスをコピーして、他のアイコン クラスが存在するコードに貼り付けることができます
これは古い質問であるため、まだ解決されているかどうかはわかりませんが、現在利用可能なものに応じて、いくつかのアプローチを取ることができます.
最初の 5 つの icomoon フォントを最初にダウンロードしたときの selection.json ファイルが残っているのが理想的です。そうでない場合は、まだプロジェクトがブラウザーに保存されている可能性があります。その場合、すべての設定とクラス名が同じで、現在の 5 つのフォントがそのまま使用されます。
素晴らしいものを手に入れることができれば、2 つの新しいフォントのコードを追加するだけで済みます。2 つの新しいフォントを追加するには、フォントの svg バージョンを選択して、両方のフォント ファイル全体を IcoMoon にインポートします。次に、元の 5 つのフォントを含む既存のフォントに追加すると、準備完了です。
重要なのは元の 5 を復元することなので、元の状態に戻すために作業を繰り返す必要はありません。これができない場合は、2 つの新しいフォントを新しいプロジェクトとして icomoon に追加し、それらの 2 つのフォントを 1 つの新しいアイコン フォントに凝縮する方がおそらく簡単です。
icomoon の基本とプロジェクトのインポートに関する情報がいくつかあります: http://stephentvedt.com/2014/04/03/using-custom-icon-fonts-icomoon-quickstart/