自分が使いたいSVGアイコンだけをまとめて、フォントセットを簡単に作成できるオンラインサービス -Glyphter
Post on:2017年1月23日
SVGアイコンを自分で選んで、好みのセットをつくり、ダウンロードできる無料オンラインサービスを紹介します。
使い方は簡単で、登録などの面倒なことも一切不要です。

The SVG Font Machine -Glyphter
使い方は非常に簡単です、まずはサイトにアクセスします。

The SVG Font Machine -Glyphter
右のパネルから好みのアイコンをドラッグして、左のパネルに置きます。パネルの位置は、フォントにした際のキーボード入力の割り当てになります。

アイコンの選択
アイコンは右パネルの上部から、さまざまなベンダーのものが利用できます。ライセンスは各ベンダーの「i」から確認、SIL OFLやMITなどのオープンソースも豊富です。

ベンダー一覧は右パネルから
自分のファイルをアップロードしてもOKです。
アイコンフォントの設定もカスタマイズが可能です。

アイコンのカスタマイズ
準備が完了したら、ダウンロードしましょう。
上部の「FONT」をクリックすると、ダウンロード用のパネルが表示されます。

アイコンのダウンロード
アイコンフォントをダウンロードするだけの時は左の「Just Download」を、セットを保存しておきたい時はメールアドレスとパスワードを登録する必要があります。
ダウンロードファイルには、下記が含まれます。
- .svg
- .eot
- .woff
- .ttf
- CSSでの指定方法
.ttfも含まれており、フォントとしてもインストールして利用できます。

アイコンフォントのインストール
sponsors