フォント · CSS · 生成

フォント · CSS · 生成. 入力項目: 名前, URL, 方式, 重さ. 値を入力して実行してください。例で形式を確認し、結果をコピーまたは保存できます。

登録不要

ツールを読み込み中…

使い方

例で出力形式を確認し、原本を別に保管。変換した値・空白・改行を確認してから使ってください。

広告配信で通信情報を処理する場合があります。パーソナライズはプライバシー選択に従います。プライバシー（英語）

実際のエンジンに以下の例を入力した結果です。個人の入力や保存作業は使いません。ツールの例読込で同じ入力を確認できます。

@font-face {
  font-family: "My Font";
  src: url("/fonts/font.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

入力条件

以下は入力検証の許容範囲であり、すべての値が現実的・適切だと保証するものではありません。