> For the complete documentation index, see [llms.txt](https://cdbd.gitbook.io/guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cdbd.gitbook.io/guide/editor/text.md).

# 텍스트

CdBd 에디터의 텍스트 카드는 여러분이 전하고 싶은 이야기를 페이지에 깔끔하고 예쁘게 담을 수 있는 중요한 도구예요. 텍스트를 쓰고, 고치고, 다양한 스타일로 꾸미는 모든 방법을 지금부터 친절하게 알려드릴게요!

***

## 1. 텍스트 카드 추가하고 내용 입력하기

* 텍스트 카드 선택 : 페이지에 텍스트 카드를 추가한 뒤 카드를 선택해 보세요.
* 내용 바로 입력 : 선택한 텍스트 카드 위에서 미리보기 화면을 보면서 바로 텍스트를 쓰고 내용을 고칠 수 있답니다. 실제 페이지에 보이는 모습 그대로 작업할 수 있어서 아주 편리해요.

<figure><img src="https://3649876096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPTEfwZzXmifaBzg2guGf%2Fuploads%2FMWGQwTDTCXhDT4MmAy0Q%2F%E1%84%90%E1%85%A6%E1%86%A8%E1%84%89%E1%85%B3%E1%84%90%E1%85%B3%E1%84%8B%E1%85%B5%E1%86%B8%E1%84%85%E1%85%A7%E1%86%A8(1).gif?alt=media&amp;token=d1ddcfe8-ced8-45ac-9fa6-00d720b38bc6" alt=""><figcaption></figcaption></figure>

***

## 2. 텍스트 스타일

텍스트 카드를 선택한 후, 디자인 공간으로 가면 텍스트의 모양과 스타일을 다양하게 꾸밀 수 있는 설정들이 나타나요.&#x20;

### 2.1 서체 바꾸기

* 기본 텍스트 서체 : CdBd의 기본 텍스트 서체는 \*\*'프리텐다드'\*\*로 설정되어 있어요.
* 다양한 선택 : '텍스트 서체' 메뉴를 클릭하면 26가지 한국어 텍스트 서체와 18가지 영어 텍스트 서체 중에서 원하는 스타일을 고를 수 있답니다. 내 페이지의 분위기에 딱 맞는 텍스트 서체를 찾아보세요.

<figure><img src="https://3649876096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPTEfwZzXmifaBzg2guGf%2Fuploads%2Fko1nRIUJGtE3cm9DZMrn%2F%E1%84%90%E1%85%A6%E1%86%A8%E1%84%89%E1%85%B3%E1%84%90%E1%85%B3_%E1%84%89%E1%85%A5%E1%84%8E%E1%85%A6.gif?alt=media&amp;token=81010dd3-63b7-4237-a5a7-e9511a27886f" alt=""><figcaption></figcaption></figure>

***

### 2.2 텍스트 모양과 색깔 조절하기

* 텍스트 굵기 : 중요한 내용을 강조하고 싶다면 텍스트를 진하게 만들 수 있어요.

<figure><img src="https://3649876096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPTEfwZzXmifaBzg2guGf%2Fuploads%2Fal3zdNX8CrS8X1HmTzWV%2F%E1%84%90%E1%85%A6%E1%86%A8%E1%84%89%E1%85%B3%E1%84%90%E1%85%B3_%E1%84%87%E1%85%A9%E1%86%AF%E1%84%83%E1%85%B3.gif?alt=media&amp;token=682ac018-7f2a-4ce9-8f72-c70a4f91a90a" alt=""><figcaption></figcaption></figure>

* 텍스트 색깔 : 텍스트의 색깔을 바꾸어 배경과 조화롭게 만들거나 특정 부분을 눈에 띄게 할 수 있어요.

<figure><img src="https://3649876096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPTEfwZzXmifaBzg2guGf%2Fuploads%2F1gagXJix4XxQsA6mtIak%2F%E1%84%90%E1%85%A6%E1%86%A8%E1%84%89%E1%85%B3%E1%84%90%E1%85%B3_%E1%84%89%E1%85%A2%E1%86%A8%E1%84%89%E1%85%A1%E1%86%BC.gif?alt=media&amp;token=26eb982f-541e-4964-b176-2e6de3a8c849" alt=""><figcaption></figcaption></figure>

* 특별한 스타일 : 텍스트를 기울이거나 밑줄을 긋는 등 다양한 스타일을 적용해서 특정 단어나 문장을 돋보이게 할 수 있습니다.

<figure><img src="https://3649876096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPTEfwZzXmifaBzg2guGf%2Fuploads%2F1O50QqgJEUHMIN8OovZP%2F%E1%84%90%E1%85%A6%E1%86%A8%E1%84%89%E1%85%B3%E1%84%90%E1%85%B3_%E1%84%86%E1%85%B5%E1%87%80%E1%84%8C%E1%85%AE%E1%86%AF.gif?alt=media&amp;token=22ec7de4-7737-4b94-80ce-a843cfd64697" alt=""><figcaption></figcaption></figure>

***

### 2.3 텍스트 크기 조절하기

크기 조절 막대 : 텍스트 크기를 조절하는 막대(슬라이더)를 움직여 보세요. 12부터 60까지 원하는 크기로 섬세하게 조절할 수 있답니다. 페이지의 전체적인 디자인과 조화롭게 크기를 맞춰보세요.

<figure><img src="https://3649876096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPTEfwZzXmifaBzg2guGf%2Fuploads%2F2ffXQo0dRvgrNWWPbidj%2F%E1%84%90%E1%85%A6%E1%86%A8%E1%84%89%E1%85%B3%E1%84%90%E1%85%B3_%E1%84%8F%E1%85%B3%E1%84%80%E1%85%B5.gif?alt=media&amp;token=f6bca044-1800-44cd-9d28-e3cb84218b72" alt=""><figcaption></figcaption></figure>

***

### 2.4 텍스트 정렬 맞추기

텍스트를 왼쪽, 가운데, 오른쪽 중 원하는 곳으로 정렬할 수 있어요. 내용을 깔끔하게 정리하고 가독성을 높이는 데 도움이 됩니다.

<figure><img src="https://3649876096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPTEfwZzXmifaBzg2guGf%2Fuploads%2FsoaqtdCiwr7KZcxRpLuQ%2F%E1%84%90%E1%85%A6%E1%86%A8%E1%84%89%E1%85%B3%E1%84%90%E1%85%B3_%E1%84%8C%E1%85%A5%E1%86%BC%E1%84%85%E1%85%A7%E1%86%AF.gif?alt=media&amp;token=6afd684d-67f2-46a0-abf2-8b4f4b5a9148" alt=""><figcaption></figcaption></figure>

***

### 2.5 줄 간격 조절하기

텍스트의 줄 간격을 조절해서 텍스트가 너무 빽빽해 보이거나 너무 띄엄띄엄 보이지 않도록 할 수 있어요. 0.2 단위로 최대 2포인트까지 조절할 수 있어, 내용을 편안하게 읽을 수 있는 최적의 간격을 찾을 수 있답니다.

<figure><img src="https://3649876096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPTEfwZzXmifaBzg2guGf%2Fuploads%2FTVtVdHB0cKujQch4BIcA%2F%E1%84%90%E1%85%A6%E1%86%A8%E1%84%89%E1%85%B3%E1%84%90%E1%85%B3_%E1%84%8C%E1%85%AE%E1%86%AF%E1%84%80%E1%85%A1%E1%86%AB%E1%84%80%E1%85%A7%E1%86%A8.gif?alt=media&amp;token=f12f6fbb-b94f-40de-ae3d-0302c8a583d5" alt=""><figcaption></figcaption></figure>

***

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

텍스트 카드에 링크를 걸어 다른 웹사이트로 이동하거나, 페이지 내의 특정 부분으로 연결할 수 있어요.

<figure><img src="https://3649876096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPTEfwZzXmifaBzg2guGf%2Fuploads%2FbjTJFthmVmCVAmZKIpqo%2F%E1%84%90%E1%85%A6%E1%86%A8%E1%84%89%E1%85%B3%E1%84%90%E1%85%B3_%E1%84%85%E1%85%B5%E1%86%BC%E1%84%8F%E1%85%B3%E1%84%8B%E1%85%A7%E1%86%AB%E1%84%80%E1%85%A7%E1%86%AF.gif?alt=media&amp;token=3b062077-b302-48e4-b08a-4e1612a4bad9" alt=""><figcaption></figcaption></figure>

* 전체 텍스트 카드에 링크 : 텍스트 카드 전체를 눌렀을 때 특정 웹 주소로 이동하게 할 수 있어요.
* 특정 텍스트 부분에만 링크 : 중요한 단어나 문장 등 원하는 텍스트 부분에만 링크를 걸어서 강조하거나, 추가 정보를 제공할 수 있답니다.
* 링크 설정 방법: 링크를 걸고 싶은 텍스트를 선택한 후, '링크 설정' 메뉴에서 클릭 시 이동할 웹 주소(URL)를 입력하면 돼요.