当社のデザイナーが一連の .png ファイル (アイコンごとに 1x および 2x) としてアイコン セットを提供してくれたので、代わりに Web フォントに切り替えたいと思います。
この種のことを行うためのベストプラクティスはありますか?
PNG の品質が良ければ、Adobe Illustrator で開くことができます。
画像をクリックします。トップバーに「Image Trace」(ドイツ語で「Bildnachzeichner」) ボタンが表示されます。ドロップ ダウン メニューの「イメージ トレース」ボックスの横にある小さな矢印をクリックします。結果が収まらない場合は、ドロップダウン メニューから他のオプションを試してください。
次に、上部に「展開」ボタン (ドイツ語で「Umwandeln」) が表示されます。クリックして。Vercotr パスと塗りつぶしが作成されます。必要に応じて調整し、svg ファイルに保存できます。
そしてicomoon.ioにインポートして……
以前はicomoon.ioを使っていました。画像スプライトしか作れませんが、.pngファイルしかないと思います。アイコン フォントを作成するには、.svg 形式のファイルが必要です。
それをしないでください。
代わりにスプライト シートを使用してください。