🔤 英文ドロップキャップ(飾り頭文字)ジェネレーター

使い方

1. プレビューに使う英文テキストを入力します。
2. 頭文字のフォント、色、サイズ、余白のスライダーを調整します。
3. リアルタイムプレビューで仕上がりを確認し、生成されたCSSコードをコピーして使います。

よくある質問

ドロップキャップはWeb上でどう動作しますか?

CSSの ::first-letter 疑似要素で頭文字だけを選択し、float による回り込みとサイズ調整を行うのが標準的な実装方法です。

日本語にも使えますか?

ドロップキャップは主に欧文タイポグラフィで使われる手法です。日本語でも技術的には適用できますが、字形や行組みの特性上、英文テキストでの利用をおすすめします。

生成されたCSSはWordPressなどのブログにそのまま貼り付けて使えますか？

はい、生成されるコードは標準的なCSSなので、ブログエディタの『カスタムCSS』欄やHTML編集モードにそのまま貼り付ければ、ほとんどのプラットフォームで同じドロップキャップを再現できます。