WebFont/macOSアプリ
フォント制作に集中
グリフを書き出し、サブセットを作り、Webフォントを公開
WebFontは、フォントのグリフをSVGに書き出し、数秒でフォントサブセットを作成できるmacOSアプリです。
SVGからフォントを作り、テキストからサブセットを生成
WebFontは、テキストのアウトライン化、SVGベースのフォント作成、ソースフォントの置換、サブセット、変換、検証、Webパッケージ生成を1つのローカルmacOSワークフローにまとめます。
テキストとグリフ素材を作る
単語、文章、複数行テキストをSVGアウトラインに変換し、アイコンやWebフォント用のアウトラインSVGを準備します。
フォントを作成・編集する
SVGグリフから新しいフォントを作るか、静的TrueTypeベースのソースフォントを読み込み、Unicodeグリフを追加・置換します。
確認して書き出す
Preflight Checkを実行し、生成フォントを検証してから、TTF、WOFF、WOFF2、CSS、デモHTML、メタデータ、グリフ素材を書き出します。
現在のアプリでできること
テキストからSVGアウトライン
読み込んだフォントで入力テキストをSVGパスに変換します。サイズ、可変ウェイト、文字間隔、行間、折り返し幅、配置、余白、塗り色、フォールバックを調整できます。
フォントビルダー
アウトラインSVGからアイコンフォントやWebフォントを作り、Unicode値とグリフ名を設定してTTF、WOFF、WOFF2、CSS、デモHTML、メタデータを書き出します。
ソースフォント編集
静的TrueTypeベースのフォントを読み込み、SVGグリフを追加したり既存のUnicodeグリフを置換したりできます。置換グリフIDも維持されます。
事前チェック
エクスポート前にUnicode競合、重複名、空パス、異常なSVGサイズ、メトリクスの問題、対応外SVG機能、複雑すぎる素材を報告します。
プロジェクトファイルとテンプレート
ソースフォントデータ、SVGグリフ、ビルド設定、出力オプション、置換対象を含む.webfontprojectを保存します。描画前にガイド付きSVGテンプレートも書き出せます。
サブセット生成
選択グリフ、貼り付けたテキスト、インポートした.txt、General・日本語・韓国語のUnicodeプリセットから小さなTrueTypeアウトラインを作ります。
形式変換
単一ファイルまたは一括ワークフローでTTF、OTF、WOFF、WOFF2を相互変換します。WOFF2のエンコードとデコードにはGoogle WOFF2を使います。
Webパッケージと検証
fonts/、unicode-range付き@font-face CSS、demo.html、metadata.json、グリフプレビュー、HTMLスニペットを生成します。パーサー、テーブル、cmap、Unicode重複、WOFF/WOFF2往復も検証します。
実際のフォント制作
アイコンフォント制作
アウトラインSVGからアイコンフォントを作り、Unicodeに割り当て、Preflight Checkを実行してブラウザ対応パッケージを書き出します。
テキストアートとレタリング
単語、文章、複数行のコピーを、ロゴ、ドキュメント、受け渡し、ポスター、SVGデザイン素材用の実フォントアウトラインへ変換します。
Webフォント最適化
選択グリフやテキストからサブセットを作り、必要なOpenType機能を残し、製品に必要な形式だけを配信します。
フォント公開前の確認
生成したTTF、WOFF、WOFF2を検証し、cmap範囲と警告を確認して、公開前にデモページを調べます。
明確なルールで安全な出力
WebFontは、黙って変更するのではなく明示的な動作を重視します。対応していないSVGやフォント機能を報告するため、本番フォントになる前に素材を修正できます。
- Font BuilderのSVG入力は、ライブテキスト、ラスター画像、フィルター、マスク、スクリプト、アニメーション、外部リソースではなくアウトライン化された静的素材である必要があります。
- ソースフォント編集は静的TrueTypeベースのフォントに対応します。
- サブセット生成は一度に1つのソースフォントとTrueTypeアウトライン出力に対応します。
- Text to SVGは読み込んだフォントを使い、フォールバックを無効にしてそのフォントに忠実なアウトラインを出力できます。
- すべての処理はMac上でローカルに実行され、フォントファイルはアプリからアップロードされません。