本文へ移動

◇ 端末内で処理

@font-face CSS ジェネレーター

フォントURLと明示的なCSS設定から確認しやすい@font-faceブロックを生成します。

使い方

フォントURLまたは相対パスを入力します。
family、format、weight、style、font-displayを設定します。
CSSを生成し、対象サイトで確認します。

関連ツール

CSS border-radiusジェネレーター

1～4個のピクセル値からCSS border-radiusのショートハンドを生成します。

CSSグラデーションジェネレーター

角度と2～8個のhexカラーから、検証済みのCSS linear-gradient宣言を生成します。

CSS box-shadowジェネレーター

X/Yオフセット、ぼかし、広がり、色、不透明度から、検証済みのCSS box-shadow宣言を生成します。