タグ

Webfontとserviceに関するrikuoのブックマーク (2)

  • svgフォント編集スクリプト

    ヒント お手持ちのsvg画像からフォントとかパスを抽出してsvgフォント化することができます. フォント情報が見つからなかった場合,パスを抽出します.一つのパスを文字として解釈します. ファイル読み込み時にパスのリサイズや位置の調整を行うことができます.いろいろ試してみましょう. 文字をクリックすると内容を編集することができます.位置の微調整等を行う際にご利用下さい. 余りに複雑なsvgファイルを読み込んだ場合,スクリプトが応答しなくなる場合があります.(このような図形はそもそもフォントとして不適でしょう.) スクリプトで生成したsvgフォントファイルは全ての環境で正しく動作するとは限りません.webkit系/operaのブラウザで試すか,下のサービスを使って他の形式に変換して使いましょう. ここで生成したsvgフォントファイルはicomoonでeot,ttf,woff形式に変換できます

  • 選んだ文字だけをSVG Fontsにまとめる·Fontomas MOONGIFT

    FontomasはWebブラウザ上で任意のアイコンだけのSVG Fontsを作成できるソフトウェアです。 Web Fontsを使うと画像を使わずに素敵なフォントをオンライン上で使えます。しかしフォントを読み込むために転送量が大きくなってしまうのが欠点です。そこで使ってみたいのがFontomasです。SVG Fontsを使って自分で選んだアイコンだけをWeb Fonts化できます。 様々なアイコンフォントが並んでいます。自由に選んでいきます。 さらに色々なアイコンがあるので適当に選びます。 アイコンサイズを変更することもできます。 選んだものだけが抽出されます。 SVGが出力されました。これを使えばWebフォントとして使えます。 保存ダイアログです。 Fontomasを使えばフォント全てを読み込まずに選んだものだけを使えるようになります。そのためサイズが小さくなるのが利点です。また、複数のソ

  • 1