Can I use Comic Sans on a card with Anki Mobile?

Anki Card Design
1

I am creating cards in Anki Mobile as I don’t have a computer. I would like to change the font for a card deck to comic sans because I am creating cards to help my 7-year-old daughter learn her spelling words and I want the letters to look more like the letters she learns at school (in particular the letters “a” and “g”). I haven’t been able to get Comic Sans working on the cards.

Is Comic Sans a font that is supported by Anki Mobile? And if so, what should I write in the CSS section of the Card Template to activate it? If this font isn’t supported, then is there a font that has the letter “a” and “g” in the style that a child would write them?

This is how I had tried to write Comic Sans:

.card {
font-family: “Comic Sans MS”;
font-size: 20px;
text-align: center;
color: black;
background-color: white;
}

I don’t get an error message but it doesn’t change it to Comic Sans.

Thanks

2

You can only directly call fonts like that if they are already installed on that device. If there’s another font you want to add, you can embed it in your collection – Styling & HTML - Anki Manual .

2 Likes
3

Thank you for your quick reply. Do you know of any instructions that explain how to add a font if you are only using the Anki Mobile app? The instructions that you sent a link for, mention that it is possible to do this for the app but then only explain how to add a font to a computer. Thanks

4

It will work exactly the same on all versions of Anki – and it will sync throught AnkiWeb to the other platforms.

5

I can’t help you with Anki Mobile (I don’t have any iOS devices) but this is an open source font you can use that is similar to Comic Sans:

2 Likes
6

pretty sure you can import fonts at the top of the css styling. I did it with this gamified font and it works fine on mobile.

This was the font I imported btw
@import url(‘https://fonts.googleapis.com/css2?family=VT323&display=swap’);

1 Like
7

@rf13243546 I’m afraid it won’t be easy:

  • Comic Sans is a Microsoft font, and not provided by Apple
  • Its license does not allow for copying the file to other platforms, so you’d technically be violating it by doing so
  • If you wanted to do so anyway, you’d need access to the font file, and Anki running on a computer. You could either sync your collection to the device, make the changes, and sync again, or create a small .apkg file and import it into AnkiMobile.

@IMTI42 suggested an online font, but please note a) it won’t work when you’re without internet (e.g. in a tunnel), and b) you’d still need access to the desired font file, and a webserver somewhere to put it on.

2 Likes
8

Thank you everyone. It’s helpful having so much advice. Dae, your response made me do an internet search for fonts supported by iOS. I’ve now got what I wanted!! This CSS styling does exactly what I need:

.card {
font-family: “chalkboard se”;
font-size: 20px;
text-align: center;
color: black;
background-color: white;
}

Thanks everyone

4 Likes