CSS font-style値

このツールでできること

• CSS font-style値では、font-style の normal、italic、oblique を、通常体・イタリック体・機械的な斜体として見比べられます。
• 関連する観点として CSS font-style値、css font style、css font style values を確認し、結果をコピーして別の作業に使えます。

使い方

1. Item 列で normal、italic、oblique のいずれかを確認します。
2. Content 列で通常体、イタリック、斜体の対応を見ます。
3. Web フォントに italic フェイスを読み込んでいる場合は italic を優先します。
4. 専用 italic がない書体を傾けたい場合は oblique を候補にします。

入力例・出力例

よくある利用シーン

• 引用文や注記へ italic を使う前に、CSS の値名を確認したいとき。
• Web フォントの italic フェイス未読込時に oblique へ寄せるか判断したいとき。
• font ショートハンドへ入れる font-style 値を整理するとき。
• 通常体へ戻すリセット指定として normal を確認したいとき。

結果確認のポイント

• 生成したCSSや設定値を実際のコンポーネントに入れ、レスポンシブ表示も確認してください。
• CSS font-style値、css font style、css font style valuesの観点で、入力内容と出力内容がずれていないか見直してください。
• コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。

注意点

• ブラウザ差や既存CSSとの競合があるため、公開前に対象環境で確認してください。
• 結果を公開・送信する前に、用途に合う形式かを必ず確認してください。

データの扱い / プライバシー

• CSS font-style値の主要な処理はブラウザ内で実行されます。
• 入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
• 本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

よくある質問

関連ツール