[icon]使いたいアイコンフォントが選べて、自作も可能なWEBフォントのオンラインツール

2013/07/25

今回はFontasticの紹介です。
以前はFont Awesomeを使っていましたが、こちらの方が種類がおおく、使いやすいので最近よく利用しています。

5パターンまで、選んだフォントアイコンが登録可能なので、同じフォントを使用したいときはいつでもログインすると使用できるようです。

自作のフォントアイコンを作成し利用することも可能ですが今回は最初からおいてあるフォントアイコンの設定方法を説明します。

WEBフォントアイコンの作成方法

１．まずはTOPページでメールアドレスとパスワードを入力します。

２．入力が完了するとSELECTページに移動するので、使用したいアイコンフォントを選択します。

３．次にCUSTOMIZEに移動し、キーの割り当てや表示させる時のクラス名を入力します。

４．あとはダウンロードするだけですが、このままダウンロードすると、
フォント名が「Untitled font」になってしまうので、右上のFont Settingsをクリックしオリジナルのフォント名を決めましょー。

Font Settingsのキャプチャーです。名前が決まれば「SAVE」をクリック！

５．DOWNLOADボタンをクリックすると、選択したWEBフォントがダウンロードされます。
使用方法はこのダウンロードのページの下にいくと記載があります。

５．ダウンロードページに記載されているCSSか、ダウンロード時に一緒に入っているCSSをそのまま読み込んで、下記の用に設定すると表示されます！