> ## Documentation Index
> Fetch the complete documentation index at: https://cdbd.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 텍스트 카드

# 텍스트 카드

텍스트 카드는 페이지에 글을 담는 기본 도구예요. 간단한 소개 문구부터 공지사항, 안내 문구까지 다양한 스타일로 메시지를 전달할 수 있어요.

<img src="https://mintcdn.com/cdbd/mIUYdWoZDlqOMXV5/_assets/images/card-text_overview.png?fit=max&auto=format&n=mIUYdWoZDlqOMXV5&q=85&s=a9c38d853df93daa62357d558341c69d" alt="텍스트 카드 에디터 전체" width="1440" height="900" data-path="_assets/images/card-text_overview.png" />

***

## 1. 텍스트 입력하기

텍스트 카드를 추가하면 폰 미리보기 화면에 **"이 곳에서 텍스트를 입력하세요"** 안내가 나타나요. 해당 영역을 클릭하면 바로 입력 모드로 전환돼요.

> 💡 텍스트 전체 또는 일부 구간을 드래그해 선택하면 해당 부분에만 스타일을 따로 적용할 수 있어요.

***

## 2. 텍스트 스타일 설정

카드를 선택하면 우측 패널에 스타일 설정 옵션이 나타나요.

<img src="https://mintcdn.com/cdbd/mIUYdWoZDlqOMXV5/_assets/images/card-text_panel.png?fit=max&auto=format&n=mIUYdWoZDlqOMXV5&q=85&s=ca6e76db1ea351791474a5fe01aeccc1" alt="텍스트 스타일 패널" width="365" height="545" data-path="_assets/images/card-text_panel.png" />

### 2.1 서체

**\[서체 선택 버튼]** 을 클릭하면 폰트 선택 화면이 열려요. **한국어 26종**과 **영문 18종** 중에서 선택할 수 있어요.

**한국어 서체 (26종)**

<img src="https://mintcdn.com/cdbd/mIUYdWoZDlqOMXV5/_assets/images/card-text_font-kr.png?fit=max&auto=format&n=mIUYdWoZDlqOMXV5&q=85&s=d78eb4281be11cec52e235de514c6bc0" alt="한국어 서체 목록" width="870" height="665" data-path="_assets/images/card-text_font-kr.png" />

| 서체명            | 특징                       |
| -------------- | ------------------------ |
| 프리텐다드          | 기본값. 가독성 높은 현대적 고딕체      |
| 본고딕 / 본명조      | Adobe 제작, 깔끔하고 격식 있는 분위기 |
| 나눔고딕 / 나눔명조    | 네이버 제작, 친근하고 가독성 좋음      |
| G마켓 산스         | 쇼핑·커머스에 잘 어울리는 산세리프      |
| 에스코어드림         | S-Core 제작, 세련된 기하학적 형태   |
| HS산토끼체         | 손글씨 느낌의 개성 있는 서체         |
| 베이글팻 / 와구리체    | 귀엽고 통통한 디스플레이 서체         |
| 창원단감아삭체 / 파셜산스 | 지역 브랜드 특색이 있는 서체         |

**영문 서체 (18종)**

<img src="https://mintcdn.com/cdbd/mIUYdWoZDlqOMXV5/_assets/images/card-text_font-en.png?fit=max&auto=format&n=mIUYdWoZDlqOMXV5&q=85&s=31ea6df109aae4f9d320e6e23804c630" alt="영문 서체 목록" width="870" height="665" data-path="_assets/images/card-text_font-en.png" />

| 서체명                                        | 특징                |
| ------------------------------------------ | ----------------- |
| Lato / Montserrat / Poppins                | 깔끔하고 현대적인 산세리프    |
| PT Serif / Libre Baskerville / EB Garamond | 우아하고 격식 있는 세리프    |
| Playfair Display                           | 헤드라인에 어울리는 고급 세리프 |
| Abril Fatface / Bebas Neue / Anton         | 임팩트 있는 디스플레이 서체   |
| Quicksand / Questrial                      | 부드럽고 친근한 라운드 산세리프 |
| Zeyada / Tiqui Taca                        | 개성 있는 손글씨 느낌 서체   |

***

### 2.2 글자 스타일 옵션

<img src="https://mintcdn.com/cdbd/mIUYdWoZDlqOMXV5/_assets/images/card-text_style-panel.png?fit=max&auto=format&n=mIUYdWoZDlqOMXV5&q=85&s=a0ad3985786361a39341c48c60dc9e99" alt="텍스트 스타일 옵션" width="365" height="175" data-path="_assets/images/card-text_style-panel.png" />

서체 선택 버튼 옆에 아래 옵션이 나란히 표시돼요.

| 옵션          | 설명                                                  |
| ----------- | --------------------------------------------------- |
| **B (굵게)**  | 선택한 텍스트를 볼드(Bold) 처리해요                              |
| **U (밑줄)**  | 선택한 텍스트에 밑줄을 추가해요                                   |
| **색상 원**    | 클릭하면 색상 피커가 열려요. 글자 색을 자유롭게 변경할 수 있어요               |
| **크기 슬라이더** | 12 \~ 60 범위에서 글자 크기를 조절해요. 오른쪽 숫자 필드에 직접 입력할 수도 있어요 |

***

### 2.3 단락 설정

<img src="https://mintcdn.com/cdbd/mIUYdWoZDlqOMXV5/_assets/images/card-text_paragraph.png?fit=max&auto=format&n=mIUYdWoZDlqOMXV5&q=85&s=7f491781f86f12a2670d4c2b3edbd5b3" alt="단락 — 정렬·줄간격" width="365" height="195" data-path="_assets/images/card-text_paragraph.png" />

| 옵션      | 설명                                                  |
| ------- | --------------------------------------------------- |
| **정렬**  | 왼쪽 / 가운데 / 오른쪽 정렬 중 선택해요                            |
| **줄간격** | 슬라이더를 움직여 줄 간격을 조절해요. 기본값은 1.6이며, 범위는 1.0 \~ 2.0이에요 |

***

## 3. 텍스트에 링크 걸기

<img src="https://mintcdn.com/cdbd/mIUYdWoZDlqOMXV5/_assets/images/card-text_link.png?fit=max&auto=format&n=mIUYdWoZDlqOMXV5&q=85&s=59143ab73f65314d79c5c2be9a033400" alt="링크 연결 설정" width="365" height="250" data-path="_assets/images/card-text_link.png" />

패널 하단의 **\[링크 연결]** 섹션을 클릭하면 펼쳐져요.

| 항목           | 설명                                  |
| ------------ | ----------------------------------- |
| **링크 유형**    | "URL 열기" 선택 시 외부 웹페이지로 연결돼요         |
| **URL 입력**   | 연결할 주소를 입력해요 (예: `https://cdbd.in`) |
| **새 창에서 열기** | 체크 시 방문자 브라우저에서 새 탭으로 열려요           |

> 💡 텍스트 카드 전체에 링크를 거는 것 외에도, 텍스트 일부만 드래그 선택 후 링크를 연결할 수 있어요. 예를 들어 "**여기를 클릭하세요**"처럼 특정 단어에만 링크를 달 때 활용하세요.

***

## 4. 활용 팁

| 상황                     | 추천 방법                                      |
| ---------------------- | ------------------------------------------ |
| 제목과 본문을 구분하고 싶다        | 텍스트 카드를 2개 배치하고 제목은 크고 굵게, 본문은 작고 얇게 설정하세요 |
| 특정 단어만 강조하고 싶다         | 해당 단어를 드래그 선택 후 굵기·색상만 변경하세요               |
| 행사 제목에 개성 있는 폰트를 쓰고 싶다 | 영문 Playfair Display 또는 Bebas Neue를 사용해 보세요 |
| 딱딱한 느낌을 없애고 싶다         | 줄간격을 1.8\~2.0으로 넓히면 읽기 편하고 부드러워져요          |
