Anki에 카드 내용을 많이 적다보면 줄바꿈이 되어 카드가 지저분해보입니다. 특히 줄 간격이 좁으면 더 지저분해보입니다. 이런 경우에는 Anki 카드 서식에서 줄간격을 바꾸면 좀 더 읽기 편해집니다. 이번 팁에서는 Anki의 기본 줄 간격은 몇이고, 어떻게 바꿀 수 있는지 알려드리겠습니다.
Anki의 기본 줄간격
Anki가 기본으로 주는 노트 유형(Basic, Basic (type in the answer), Cloze)의
스타일에는 line-height: 1.5가 들어 있습니다. 글자 크기의 1.5배만큼
줄 간격을 준다는 뜻입니다.
하지만 그 설정이 모든 서식에 있지는 않습니다. 공유 덱에서 받은 노트
유형이나 예전에 만든 서식에는 line-height가 없는 경우가 많고, 그러면 브라우저
기본값이 적용됩니다. 대부분의 브라우저에서 글자 크기의 약 1.2배에 해당해, 같은 글이라도
지저분해보일 수 있습니다.
내 서식이 어느 쪽인지는 ankieditor에서 바로 알 수 있습니다. 빈 곳을 클릭해 카드 전체를 선택하고 "글자 서식"의 줄간격 칸을 보세요. 1.5면 Anki 기본값이 들어 있는 것이고, 1.4로 보이면 서식에 줄간격 설정이 없다는 뜻입니다(편집기가 값이 없을 때 보여 주는 표시값입니다).
적절한 줄간격 추천
Anki 카드에서 어떤 줄간격을 쓸 지는 직접 조정해보면서 확인해보는 게 제일 좋습니다. 그래도 몇가지 추천을 드리겠습니다.
- 단어 하나, 뜻 한 줄 - 1.5 그대로. 줄이 하나뿐이면 줄간격은 보이지도 않습니다.
- 두세 줄짜리 설명·예문 - 1.6~1.7. 줄과 줄이 또렷하게 갈려 훑어 읽기 편해집니다.
- 여러 문단이 들어가는 서술형 - 1.7. 다만 문단 사이에 여백을 주는 편이 줄간격을 더 올리는 것보다 낫습니다.
이 값들도 측정된 최적값이 아니라 권장 시작점입니다. 폰트와 글자 크기에 따라 같은 값도 다르게 보이니 미리보기로 확인하세요.
ankieditor에서 줄간격을 바꾸는 방법
- 미리보기에서 바꾸고 싶은 부분을 클릭해 선택합니다. 빈 곳을 클릭하면 카드 전체가 대상이 됩니다.
- 왼쪽 패널 "글자 서식"의 줄간격 슬라이더를 끌거나 옆 입력칸에 숫자를 넣습니다. 1부터 3까지 0.1 단위로 조절됩니다.
- 예문 필드만 넓히고 싶다면 그 필드를 클릭해 선택한 뒤 같은 방법으로 바꿉니다.
- [코드 복사]로 수정된 코드를 복사해 Anki의
도구 → 노트 타입 관리 → 카드...화면에 붙여넣습니다.
줄간격을 CSS로 직접 수정하기
카드 전체를 바꾸면 스타일 영역의 .card 규칙이 바뀝니다.
.card { line-height: 1.6; }
특정 필드만 바꾸면 ankieditor가 필드명을 딴 클래스를 발급하고 그것을 이용하여 수정합니다.
.card { line-height: 1.5; }
.예문 { line-height: 1.7; }
단위 없는 숫자는 글자 크기에 대한 배수입니다. 나중에 폰트 크기를 바꿔도
비율이 그대로 유지되므로, 1.6처럼 단위 없이 쓰는 편이 24px 같은
고정값보다 좋습니다. 변경을 원하시는 해당 코드 안에 있는 수치를 직접 수정하면 됩니다.
줄간격 변경 시 주의할 점
2.0을 넘기면 오히려 읽기 나빠질 수 있습니다. 줄 사이가 너무 벌어지면 한 문단이 한 덩어리로 묶여 보이지 않고 오히려 다른 문단들처럼 느껴지기 때문입니다.
줄간격을 바꾸면 해당 필드 안에 모든 곳에 적용 됩니다.
.card에 걸면 그 안의 모든 필드가 함께 바뀝니다. 특정 필드만 다르게 하려면 그
필드를 선택해 따로 지정하세요.
노트 유형마다 따로 정해야 합니다. 카드 서식은 노트 유형에 속한 카드 유형에 저장되므로, 여러 노트 유형을 쓴다면 각각에 적용해야 합니다.
줄간격 말고 필드 사이를 띄우고 싶다면
줄간격은 필드사이 간격과 다릅니다. 줄간격은 문단 안의 줄 사이를 다루는 값입니다. 그런데 줄간격을 조정하고 싶은게 아니라 필드간의 간격을 띄우고 싶은 경우가 있습니다. 이런 경우에는 줄간격을 올려도 해결되지 않습니다.
해결책은 필드 사이에 공백을 추가한느 것입니다. ankieditor에서는 미리보기에서 요소를 클릭해 선택하면 선택 표시 아래에 "아래 공백" 줄이 나타납니다. ➕를 누를 때마다 그 요소 아래에 빈 줄이 한 줄씩 붙고, ➖로 다시 뺍니다. 지금 몇 줄인지는 두 버튼 사이에 표시됩니다.
요령은 묶여 보여야 할 것(단어와 발음)은 붙여 두고, 떨어져 보여야 할 것(답과 예문) 사이에는 공백을 추가하는 것입니다.
자주 묻는 질문
Anki 기본 줄간격은 얼마인가요?
Anki가 기본으로 주는 노트 유형에는 line-height: 1.5가 들어 있습니다.
다만 공유 덱이나 오래된 서식에는 이 설정이 없는 경우가 있고, 그때는 브라우저 기본값이
적용되어 글자 크기의 약 1.2배로 보입니다.
줄간격을 얼마로 올려야 하나요?
설명이 두세 줄을 넘는 카드라면 1.6~1.7을 권합니다. 2.0을 넘기면 줄들이 흩어져 한 문단으로 읽히지 않습니다. 권장 시작점이므로 미리보기를 보며 조절하세요.
줄간격을 바꿨는데 아무 변화가 없어요.
카드에 줄이 하나뿐인 경우입니다. 줄간격은 줄과 줄 사이의 간격이라 한 줄짜리 카드에서는 눈에 띄지 않습니다. 필드 샘플 값에 두세 줄짜리 문장을 넣어 보면 차이가 보입니다.
줄이 너무 길어서 답답한 것이라면 Anki 카드 폭 조절하는 방법이, 글자 크기로 우선순위를 만드는 방법은 Anki 글자 크기 바꾸는 방법에 정리돼 있습니다.