Anki Font Randomizer

/*I did not write this code, this was written by gakushabaka on reddit. I only added comments, my fonts, and a slight edit. To use this, simply paste this into the Front Template of your deck and follow the comments. After you're done erase all the comments (anything that has "//" before it or "/*" and ends with "*/") so they don't show up on your cards. You also need to make sure you have the fonts installed. The ones I have added don't come with windows by default, so you'll have to install them yourselves if you want to use them. You can check your fonts by typing in "fonts" in the "run" command on windows by pressing "windows key + r" - (keep in mind some fonts do not work if they have spaces between the names or dashes). Also, some fonts show up as "'FontHere' Regular", you do not put the "regular" part in the fonts.*/

//Front Template (COPY THIS):
<div id='rand_font' style='line-height:100%; color:white; font-size: 100px;'>{{FrontCard}}</div> //Change "FrontCard" to the field that goes on front. For example, if your front field is "Kanji" you would replace "FrontCard" with "Kanji" (without quotes)

<script type="text/javascript">
	var typefaces = ["Asobimemogaki","Armedbanana","Sanafon","Arial"], //Put all the fonts you have installed that you want in here. These are the fonts I'm currently using.
	typeface = typefaces[Math.floor(Math.random() * typefaces.length)],
	el = document.getElementById('rand_font');
	el.style.fontFamily = typeface;

	var txt = el.innerHTML;
	var num_kanji = 0, tmp_val = 0;
	for ( var i = 0; i < txt.length; i++ ) {
		tmp_val = txt.charCodeAt(i);
		if (tmp_val >= 0x4e00 && tmp_val <= 0x9fff) {
			num_kanji ++;
		}
	}

//Remove this next if statement (between the two comments) if you don't want a 50% chance of verticle text.
	if ((num_kanji > 0) && (Math.random(1) > 0.5)) {
		txt = txt.split('').join('<br/>');
		el.innerHTML = txt;
	} //Erase up to here. Don't erase what's below.
</script>

//Once you see that the template is working, please erase all the comments since they show up on your front template. Although, if you really want to I guess you can leave them :)








/* EXTRA:
You can also paste this into your front template as well (paste it at the very bottom, this has nothing to do with the other script so it shouldn't be in it): */

<span style="font-size: 50px">{{hint:FrontCard}}</span> //Change 50px to change the size of your hint (what's hidden). Change FrontCard to the field that has the random font - so change it to the field that you used for the above script.

// After doing this, go to Styling and paste this in:

a {
font-size: 10px; //This make it so the hint field is always 10px (the button you press)
}

//This will make it so you have a hint field to show you the vocab or kanji in arial font.