ウェブフォントジェネレーター

フォント ファイルをすぐに使用できる CSS と HTML プレビュー ページとともにパッケージ化します。

インタラクティブなワークスペース変更はこのデバイスに残ります
フォントファイル
CSS フォントファミリー名
バンドル内容
    選択したフォントがここに表示されます。

    このキットには、ブラウザー対応フォント ファイル、@font-face CSS、プレビュー、およびセットアップ メモが含まれています。

    デフォルトでは非公開入力とファイルはこのデバイスで処理されます。
    無料ですぐにアカウント、キュー、ソフトウェアのインストールは必要ありません。
    すぐに使用できます結果が生成されたらすぐにコピーまたはダウンロードします。

    使用方法 ウェブフォントジェネレーター

    3 つの簡単なステップで信頼性の高い結果が得られます。

    1. 01

      フォントファイルを選択してください

      ライセンスを取得したブラウザ互換フォント ファイルを 1 つ以上追加します。

    2. 02

      ファミリーネームを設定します

      スタイルシート全体に表示される CSS 名を使用します。

    3. 03

      キットをダウンロードする

      フォント、@font-face CSS、プレビュー HTML、およびセットアップ メモを含む ZIP を受け取ります。

    日常業務向けに構築

    忙しい仕事をせずに便利

    集中的なコントロール、即時のフィードバック、ユーザーと結果の間に何の説明もありません。

    完全なフォルダー構造

    生成された URL は、含まれているフォント ディレクトリと一致します。

    複数の重み

    フォント ファイルのファミリーを 1 つの展開可能なキットにパッケージ化します。

    プレビューページ

    付属の HTML ファイルを開いて、読み込みとサンプル グリフを確認します。

    実践ガイド

    とは何ですか ウェブフォントジェネレーター?

    Web フォント キットは、ブラウザーで読み込めるフォント ファイルと、ファミリー、ソース形式、スタイル、ウェイト、読み込み動作を指定する @font-face CSS を組み合わせます。これらの部分をまとめておくと、展開中にフォント URL が破損するのを防ぐことができます。

    このジェネレーターは、既存の TTF、OTF、WOFF、および WOFF2 ファイルをパッケージ化します。グリフのアウトラインを変更したり、変換された形式を作成したりすることはありません。すでにライセンスされたコピーを持っている場合、通常は WOFF2 が最適な配信形式です。

    実際の応用例

    このツールを使用する場合

    一般的な方法 ウェブフォントジェネレーター 実際のプロジェクトや日常業務に適合します。

    1

    自己ホスト型タイポグラフィ

    サードパーティの CDN に依存せずにブランド フォントを展開します。

    2

    デザインシステム

    アプリケーション チーム向けに一貫したスターター パッケージを作成します。

    3

    フォントQA

    ファイルをプレビューして、そのファミリー構成を確認します。

    4

    オフラインプロジェクト

    ローカル インターフェイスとドキュメントのバンドル タイプのアセット。

    役立つ回答

    よくある質問

    についての簡単な回答 ウェブフォントジェネレーター このページの仕組みについても説明します。

    これはTTFをWOFF2に変換しますか?

    いいえ。CSS とプレビューとともに提供されたブラウザー互換ファイルがパッケージ化されます。

    Web サイトに最適な形式はどれですか?

    WOFF2 は通常、互換性のニーズに応じて他の形式が使用されるとともに、最高の最新の Web 圧縮を提供します。

    複数の重みを含めることはできますか?

    はい。ファイルにはスターター CSS でプログレッシブ ウェイト値が割り当てられ、実際のファミリに一致するように調整できます。

    すべてのフォントを自己ホストできますか?

    いいえ。フォントを配布または埋め込む前に、フォントのライセンスを確認してください。