Anki tip, inserting furigana (pop up on mouse hover)

How to make furigana appear above Kanjis in your anki flash cards like this: おはし上手じょうずですね!

Only a small modification of the template of your cards is necessary, open anki and go to tools->note type (or CTRL+SHIFT+N)

 

Select the template to which you want to add furiganas and click on cards

<!-- Css style modifying <ruby> tags -->
ruby rt { color: white; border-bottom: 1px dotted black; }
ruby:hover rt { color: black; border-bottom: none; }
<!-- On front and back side of the card change fields from -->
{{Front}}
{{Back}}
...
<!--  to this: -->
{{furigana:Front}}
{{furigana:Back}}
...

Now when creating cards, you can use brackets to display furigana:

Just prefix a Latin space before the kanji and put brackets right after it.

Voila!

two comments

Thanks!

John - 24-02-’22 13:05

Thank you so much

John2 - 09-02-’24 11:43
(optional field, I won't disclose or spam but it's necessary to notify you if I respond to your comment)
All html tags except <b> and <i> will be removed from your comment. You can make links by just typing the url or mail-address.
Anti-spam question: