영어 드롭캡 생성기
본문 첫 글자를 크고 아름다운 장식 글자로 디자인하고 CSS 복사
준비 중인 도구입니다.
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
단락의 첫 글자를 크게 부각시키는 드롭캡(Drop Cap) 타이포그래피를 시각적으로 디자인합니다. 크기, 폰트, 색상, 여백 등을 커스텀하고 즉시 적용 가능한 CSS와 HTML 코드를 얻을 수 있습니다.
Anleitung
- 시뮬레이션할 영문 텍스트를 입력합니다.
- 첫 글자의 폰트 종류, 색상, 크기 및 여백 슬라이더를 조절합니다.
- 실시간 미리보기 화면에서 결과를 감상한 뒤 생성된 CSS 코드를 복사해 사용합니다.
FAQ
- 드롭캡은 웹에서 어떻게 작동하나요?
- CSS의 ::first-letter 가상 선택자를 활용하여 첫 글자만 선택해 띄움(float)과 크기 조절 등을 처리하는 방식이 표준적입니다.
- 한글도 지원하나요?
- 드롭캡 레이아웃은 주로 영문 타이포그래피에서 사용됩니다. 한글도 기술적으로는 적용되나 자소 분리 및 레이아웃 특성상 영문 텍스트 사용을 추천합니다.