PasteZap
🌐 日本語
無料 · アカウント不要

無料 · デザインとCSS

フォント変換ツール(TTF・OTF・WOFF・WOFF2).

TTF・OTF・WOFF・WOFF2 のフォントを端末上で一括変換し、Web サイトにそのまま貼れる @font-face の CSS ルールも作成します。

はじめる前に

一部の技術的な操作項目は英語です。Unicode テキストに対応していますが、ファイル形式と出力言語はツールによって異なります。

技術的な制限は以下に英語で記載されています。大きなファイルを処理する前や結果を使用する前に確認してください。

Drop fonts here or

TTF, OTF, WOFF or WOFF2 · up to 30 MB each · read on your device, nothing is uploaded

Convert to

Only the file container changes: TrueType outlines stay TrueType (.ttf) and PostScript/CFF outlines stay CFF (.otf). Converting does not change the font’s licence.

Web サイト用にフォントを変換する

  1. TTF・OTF・WOFF・WOFF2 ファイルをページにドロップするか、Choose fonts を押します。
  2. 作成する形式を選びます。Web サイトには WOFF2、古いブラウザーには WOFF、パソコンへのインストールには TTF / OTF です。
  3. Convert fonts を押すと、フォントごとに形式別のダウンロードボタンが表示されます。
  4. Download all + CSS (ZIP) を押すと、すべてのファイルと対応する @font-face ルールを書いた fonts.css をまとめて取得できます。

例:629 KB の TTF である Noto Sans Regular は、約 200 KB の WOFF2 と約 303 KB の WOFF になります。CSS ルールでは WOFF2 を先に書くため、最近のブラウザーは最も小さいファイルを読み込みます。

変わるもの・変わらないもの

変わるのはファイルの入れ物だけです。TrueType フォントは TrueType のまま、CFF(PostScript)フォントは CFF のままなので、TTF を本当の OTF にしたり、その逆にしたりはできません。拡張子は自動で正しく付きます。フォントコレクション(.ttc)には対応していません。

フォントを変換してもライセンスは変わりません。埋め込みが制限されているフォントは一覧で示されるので、Web サイトで使う前にライセンスを確認してください。フォントに含まれる文字は フォントビューアー で確認できます。

制限と対応形式

入力内容はお使いの端末で処理されます。

英語の技術説明

Up to 50 fonts of 30 MB each. Only the container changes: TrueType outlines stay TrueType and CFF outlines stay CFF, so TTF cannot become a true OTF or the reverse. Font collections (.ttc) are not supported. Converting does not change the font licence.

WOFF files are written with the W3C WOFF 1.0 layout (zlib per table); WOFF2 uses Google’s encoder and decoder compiled to WebAssembly; font names, weight and style for the CSS come from the font tables (opentype.js). Fonts marked restricted for embedding are flagged.

Noto Sans Regular (629 KB TTF) becomes a 200 KB WOFF2 and a 303 KB WOFF; the CSS rule lists WOFF2 first, then WOFF.

よくある質問

Web サイトではどの形式を使えばよいですか?

最近のブラウザーなら WOFF2 だけで十分です。とても古いブラウザーに対応する場合だけ WOFF を加えてください。生成された @font-face ルールはそのまま使えます。

フォントはアップロードされますか?

いいえ。WOFF はブラウザー内で書き出され、WOFF2 はバックグラウンド worker で WebAssembly として動く Google の WOFF2 ライブラリで作られます。ファイルは端末から出ません。

TTF を OTF に変換できますか?

元のアウトラインのまま TTF または OTF として保存し直すことしかできません。TrueType と CFF の間でアウトラインを本当に変換するにはフォントエディターが必要です。