기존 Anki를 사용할 때 폰트를 바꾸고 싶다면 직접 HTML, CSS 코드를 수정하여 폰트 크기를 수정하거나 혹은 AI 를 활용해서 코드를 대신 짜달라고 부탁해야 합니다. 카드 폰트 하나 바꾸자고 알지도 못하는 코드를 배우자니 시간이 아깝습니다. ankieditor를 활용하면 이를 간단하게 해결할 수 있습니다. ankieditor에서는 미리보기에서 바꾸고 싶은 부분을 클릭하고 "글자 서식"의 폰트 크기를 조절하면 됩니다.
ankieditor에서 글자 크기를 바꾸는 방법
1. 미리보기에서 크기를 바꾸고 싶은 필드를 클릭해 선택합니다. 빈 곳을 클릭하면 카드 전체가 대상이 됩니다.2. 왼쪽 패널 "글자 서식"의 폰트 크기 슬라이더를 끌거나 옆 입력칸에 숫자를 넣습니다. 10부터 60px까지 조절됩니다.3. 예문 등과 같은 부가적인 정보라면 글자 색상도 함께 연한 회색으로 바꾸는 게 좋습니다. 4. [코드 복사]로 수정된 코드를 복사해 Anki의 도구 → 노트 타입 관리 → 카드... 화면에 붙여넣습니다.
추천하는 폰트 크기
슬라이더를 끌어서 원하는 크기로 조정하면 되지만, 추천하는 폰트 크기는 다음과 같습니다.
- 답(단어·뜻) - 24~32px 가 적당합니다. 카드를 뒤집었을 때 가장 먼저 눈에 띄기 때문입니다.
- 본문·설명 - 기본 20px 그대로 두는게 좋습니다.
- 발음·예문·메모 - 14~16px. 색도 연한
회색(
#888888)으로 낮추는 걸 추천합니다.
CSS로 직접 수정하는 방법
필드를 선택해 크기를 바꾸면 ankieditor가 필드명을 딴 클래스를 발급하고 그것을 이용해 수정합니다. ankieditor를 이용하여 수정하여도 되지만, CSS 코드를 볼 줄 안다면 직접 수치를 조정하여 수정해도 좋습니다. ankieditor에서는 [코드 보기] 기능을 제공하여 사용자로 하여금 코드를 직접 보고 수정할 수 있도록 합니다.
.card { font-size: 20px; }
.뜻 { font-size: 28px; }
.예문 { font-size: 15px; color: #888888; }
[코드 보기] 를 누른다면 수정 후에 이러한 CSS 코드가 보입니다. 여기에서 직접 폰트 크기의 숫자와, 색의 숫자를 수정해주면 됩니다.
폰트 크기 수정 시에 주의할 점
1. 서로 다른 폰트 크기를 4개 이상으로 늘리지 마세요. 여러 개의 필드 폰트 크기가 모두 다르면 혼잡해 보입니다.
2. 연한 회색은 야간 모드에서 묻힐 수 있습니다. 어두운 배경에서
#888888은 대비가 낮아 잘 안 보입니다. 야간에만 다른 색을 쓰는 방법은
Anki 야간 모드(다크 모드)에서 보이는 색 지정하는 법에 정리돼
있습니다.
3. 폰트 크기는 화면 크기와 무관한 고정값입니다. PC에서 보기 좋았던 32px이 휴대폰에서는 크게 느껴질 수 있습니다. 휴대폰으로 주로 복습한다면 그쪽 화면에서 한 번 확인하세요.
4. 노트 유형마다 따로 정해야 합니다. 카드 서식은 노트 유형에 속한 카드 유형에 저장되므로, 여러 노트 유형을 쓴다면 각각에 적용해야 합니다.
자주 묻는 질문
Anki에서 글자 크기를 바꾸려면 어떻게 하나요?
스타일의 .card에서 font-size를 바꾸면 카드 전체가 바뀝니다.
특정 필드만 바꾸려면 그 필드에 해당하는 클래스를 만들어 font-size를
지정합니다. ankieditor에서 필드를 클릭해 폰트 크기를 조절하면 이 클래스가 자동으로
만들어집니다.
답만 크게 하고 예문은 작게 할 수 있나요?
할 수 있습니다. 미리보기에서 각 필드를 클릭해 선택한 뒤 폰트 크기를 따로 지정하면 됩니다. 답은 24~32px, 예문은 14~16px 정도가 적당합니다.
글자 크기를 바꿨는데 일부만 안 바뀌어요.
그 부분에 별도의 크기가 지정돼 있는 경우입니다. 해당 요소를 클릭해 선택하고 폰트 크기를 다시 지정하면 됩니다. ankieditor는 적용하려는 속성과 충돌하는 인라인 스타일을 지우고 규칙에 기록하므로, 한 번 더 지정하는 것으로 정리됩니다.
줄이 빽빽해 보인다면 Anki 줄간격 조절하는 방법을, 줄이 너무 길다면 Anki 카드 폭 조절하는 방법을 함께 보세요.