카드를 뒤집었을 때 답이 먼저 눈에 들어오게 하려면, 답만 24~32px로 키우고 발음·예문은 14~16px로 줄이면 됩니다. Anki 기본 서식은 카드 전체가 20px 하나로 되어 있어 답도 발음도 예문도 같은 크기로 쌓이기 때문입니다. ankieditor에서는 미리보기에서 바꾸고 싶은 부분을 클릭하고 "글자 서식"의 폰트 크기를 조절하면 됩니다.
왜 카드가 한 덩어리로 보이나
Anki가 기본으로 주는 노트 유형의 스타일에는 font-size: 20px이
.card에 한 번만 들어 있습니다. 그 값이 카드 안의 모든 요소로 상속되므로,
필드를 몇 개 넣든 전부 같은 크기로 나옵니다.
단어 하나짜리 카드에서는 문제가 없습니다. 발음·뜻·예문·메모까지 넣기 시작하면 그때부터 눈이 어디부터 봐야 할지 몰라 전체를 한 번 훑게 되고, 정작 확인해야 할 답은 늦게 들어옵니다.
크기를 얼마로 나눠야 하나
카드마다 가장 먼저 봐야 하는 것 하나만 크게 만드는 게 기준입니다.
- 답(단어·뜻) — 24~32px. 카드를 뒤집었을 때 가장 먼저 잡혀야 하는 내용입니다.
- 본문·설명 — 기본 20px 그대로 둡니다.
- 발음·예문·메모 — 14~16px. 색도 연한 회색(
#888888)으로 낮추면 더 뒤로 물러납니다.
단계는 2~3개면 충분합니다. 4개를 넘어가면 어느 것이 더 중요한지 구분이 사라져서 처음의 "다 같은 크기"와 다를 게 없어집니다. 이 수치도 측정된 최적값이 아니라 권장 시작점이며, 화면과 폰트에 따라 달라집니다.
ankieditor에서 글자 크기를 바꾸는 방법
- 미리보기에서 크기를 바꾸고 싶은 필드를 클릭해 선택합니다. 빈 곳을 클릭하면 카드 전체가 대상이 됩니다.
- 왼쪽 패널 "글자 서식"의 폰트 크기 슬라이더를 끌거나 옆 입력칸에 숫자를 넣습니다. 10부터 60px까지 조절됩니다.
- 부가 정보라면 글자 색상도 함께 연한 회색으로 낮춥니다.
- [코드 복사]로 수정된 코드를 복사해 Anki의
도구 → 노트 타입 관리 → 카드...화면에 붙여넣습니다.
크기를 나누면 CSS는 이런 모양이 된다
필드를 선택해 크기를 바꾸면 ankieditor가 필드명을 딴 클래스를 발급하고 거기에 씁니다.
.card { font-size: 20px; }
.뜻 { font-size: 28px; }
.예문 { font-size: 15px; color: #888888; }
.card의 20px은 크기를 따로 정하지 않은 나머지 요소의 기본값으로 남고,
클래스를 받은 필드만 자기 값을 씁니다. 세 규칙이 함께 있어도 서로 다른 요소를 가리키므로
충돌하지 않습니다.
크기를 나눌 때 조심할 것
단계를 4개 이상으로 늘리지 마세요. 크기가 여러 개로 잘게 나뉘면 무엇이 답인지 눈이 판단하지 못해, 크기를 나눈 의미가 사라집니다.
연한 회색은 야간 모드에서 묻힐 수 있습니다. 어두운 배경에서
#888888은 대비가 낮아 잘 안 보입니다. 야간에만 다른 색을 쓰는 방법은
야간 모드에서 글자 색이 안 보일 때에 정리돼 있습니다.
px은 화면 크기와 무관한 고정값입니다. 데스크톱에서 알맞게 잡은 32px이 휴대폰에서는 크게 느껴질 수 있습니다. 휴대폰으로 주로 복습한다면 그쪽 화면에서 한 번 확인하세요.
노트 유형마다 따로 정해야 합니다. 카드 서식은 노트 유형에 속한 카드 유형에 저장되므로, 여러 노트 유형을 쓴다면 각각에 적용해야 합니다.
자주 묻는 질문
Anki에서 글자 크기를 바꾸려면 어떻게 하나요?
스타일의 .card에서 font-size를 바꾸면 카드 전체가 바뀝니다.
특정 필드만 바꾸려면 그 필드에 해당하는 클래스를 만들어 font-size를
지정합니다. ankieditor에서 필드를 클릭해 폰트 크기를 조절하면 이 클래스가 자동으로
만들어집니다.
답만 크게 하고 예문은 작게 할 수 있나요?
있습니다. 미리보기에서 각 필드를 클릭해 선택한 뒤 폰트 크기를 따로 지정하면 됩니다. 답은 24~32px, 예문은 14~16px 정도가 시작점입니다.
글자 크기를 바꿨는데 일부만 안 바뀌어요.
그 부분에 별도의 크기가 지정돼 있는 경우입니다. 해당 요소를 클릭해 선택하고 폰트 크기를 다시 지정하면 됩니다. ankieditor는 적용하려는 속성과 충돌하는 인라인 스타일을 지우고 규칙에 기록하므로, 한 번 더 지정하는 것으로 정리됩니다.
줄이 빽빽해 보인다면 Anki 줄간격 조절하는 방법을, 줄이 너무 길다면 Anki 카드 폭 조절하는 방법을 함께 보세요.