If you want to change the font on a regular Anki card, you have to edit the HTML and CSS yourself, or ask an AI to write the code for you. Learning code you don't already know just to change one card's font isn't worth the time. ankieditor solves this simply — click the part you want to change in the preview, then adjust the font size under "Text Style."
How to Change Font Size in ankieditor
1. Click the field whose size you want to change in the preview to select it. Clicking empty space targets the whole card instead. 2. Drag the font size slider under "Text Style" in the left panel, or type a number into the box next to it — it adjusts from 10 to 60px. 3. For secondary info like an example sentence, it also helps to change the text color to a light gray. 4. Use [Copy Code] to copy the updated code and paste it into Anki's Tools → Manage Note Types → Cards... screen.
Recommended Font Sizes
Drag the slider to whatever size you want, but here are the recommended font sizes:
- The answer (word or meaning) — 24–32px works well. It's the first thing that should catch your eye when you flip the card.
- Body text or explanations — best left at the default 20px.
- Pronunciation, example sentences, notes — 14–16px. It
also helps to drop the color to a light gray (
#888888).
How to Edit the CSS Directly
Selecting a field and changing its size makes ankieditor issue a class named after that field and use it to make the edit. You can keep using ankieditor for this, but if you can read CSS, feel free to adjust the numbers directly instead. ankieditor provides a [Show Code] feature so you can see the code yourself and edit it directly.
.card { font-size: 20px; }
.Meaning { font-size: 28px; }
.Example { font-size: 15px; color: #888888; }
If you press [Show Code], you'll see this CSS after the change. You can edit the font-size and color numbers directly here.
Things to Watch When Changing Font Size
1. Don't push past four different font sizes. Having every field at a different size just looks cluttered.
2. Light gray can get lost in night mode. On a dark
background, #888888 has low contrast and is hard to see. For a way
to use a different color at night only, see
How to Set Colors in Anki Night Mode
(Dark Mode).
3. px is a fixed value regardless of screen size. A 32px that looks right on desktop can feel large on a phone. If you review mostly on your phone, check it there once.
4. Set this separately for each note type. Card templates are stored in the card types that belong to a note type, so if you use several note types, you'll need to apply it to each one.
Frequently Asked Questions
How do I change font size in Anki?
Change font-size on .card in the styling and the
whole card changes. To change just one field, create a class for that field and
set font-size on it. Clicking a field and adjusting the font size in
ankieditor creates this class automatically.
Can I make the answer big and the example sentence small?
Yes. Click each field in the preview to select it, then set the font size separately for each. 24–32px for the answer and 14–16px for the example sentence are good starting points.
I changed the font size, but part of it didn't change.
That part has a size set on it separately. Click that element to select it and set the font size again. ankieditor clears inline styles that conflict with the property it's about to apply and writes to the rule instead, so setting it once more cleans it up.
If the lines feel cramped, see How to Change Line Spacing in Anki; if the lines are too long, see How to Change Card Width in Anki.