Kanji stroke order on hover
Sometimes I'm not perfectly sure which stroke order a character has. This tip shows how to activate a stroke-order-font when pointing at the character with the mouse (on hover).
Summary
After following this guide when you hover over the character on the Story or Review page, the character will transform into the one from the KanjiStrokeOrders font.
Requirements
You must first download and install the KanjiStrokesFont.
Firefox
Download the Stylish addon if you do not already have it installed.
Add the following lines to your userstyles.
@-moz-document domain('kanji.koohii.com'), url-prefix('http://kanji.koohii.com') {
.fcData-kanji:hover {font-family: "KanjiStrokeOrders" !important }
}
Just paste the code above into the text field.
Safari
Create a new CSS file containing the text from ONE of the options below and save it somewhere on your computer (ex: safari_css.css in your Documents folder). As the stroke numbers can be difficult to see at a smaller size you may want to use the "Larger Font" option which increases the font size when displaying the KanjiStrokeOrder font.
Regular Font
div.kanji span:hover, div.fcData-kanji:hover {font-family: "KanjiStrokeOrders" !important }
Larger Font
div.kanji span:hover, div.fcData-kanji:hover {font-size: 100pt; font-family: "KanjiStrokeOrders" !important }
TextEdit on OSX does not save in plain text format by default. The trial version of SubEthaEdit may be used to create this file if you do not have another editor. Please be sure to choose File -> New -> CSS when using SubEthaEdit and make sure to save with a .css extension.
Open Safari preferences and go to the Advanced tab. In the drop down for "Style sheet" select "Other..." and then choose the css file you created earlier.
Now close the preference pane and verify it worked by hovering your mouse over a kanji on the study or review pages.
Notes
Safari instructions have only been tested on OSX and may differ or not work at all when using Windows.
Thanks to angerman. See topic on RevTK forums for dicussion.
