Changing Koohii font in Google Chrome/Chromium

Changing Koohii font in Google Chrome/Chromium - Printable Version

+- kanji koohii FORUM (http://forum.koohii.com)
+-- Forum: Learning Japanese (http://forum.koohii.com/forum-4.html)
+--- Forum: Remembering the Kanji (http://forum.koohii.com/forum-7.html)
+--- Thread: Changing Koohii font in Google Chrome/Chromium (/thread-3179.html)

Changing Koohii font in Google Chrome/Chromium - doctorcolossus - 2009-05-29

The latest builds of Google Chrome / Chromium (the open-source project behind Chrome) now include basic Greasemonkey support and a rudimentary extension framework.

I tried using Mario's Greasemonkey script for changing Koohii's font, but without success. I attempted to debug it for a few minutes -- I found that line 195 was causing a problem and commented it out, but the script still didn't work as intended: it didn't change the font on the review page for me, or add any option to my profile to select a new font... I didn't want to get heavily involved in Mario's code, because it's late for me and I just want to practice kanji!!

So I wrote a very quick-and-dirty script to accomplish the same thing. I've never written any Greasemonkey-esque scripts before, so please correct any mistakes or indelicacies you find... or feel free to run with it, of course, if you want to take it further.

Following are my instructions for anyone else who wants to get this working in Chrom(e/ium):

1) Follow the instructions given here, for enabling user scripts in Chrom(e/ium) (1. Install a recent trunk build of Chromium, or switch to the dev channel; 2. Launch chrome.exe with the --enable-user-scripts flag; 3. Create a directory called "User Scripts" in your user data directory -- probably "C:\Documents and Settings\[your Windows account name]\Local Settings\Application Data\Chromium\User Data\Default\User Scripts").

2) Open a text editor and paste the following:

Code:

if (window.location.href.indexOf("http://kanji.koohii.com/review/review.php") != -1)

  {

  var kanjiBig = document.getElementById('kanjibig');

  kanjiBig.getElementsByTagName('span')[0].setAttribute('style', 'font-family: YOzFontNF;');

  }

3) You can edit the name of the font as you please -- I used 'YOzFontNF'. Just type the name of whatever font you'd like to use instead. Save this file in the "User Scripts" directory you created in step 1, making sure the filename ends with the extension "user.js" -- mine's called "koohiiChangeFont.user.js".

4) Enjoy!

Here are links to a few handwriting-style fonts, which I found in this thread:
http://sites.google.com/site/nihilistorguk/
http://yozvox.web.infoseek.co.jp/446F776E6C6F6164.html
http://www.vector.co.jp/download/file/data/writing/fh435315.html
http://mikachan.sourceforge.jp/win.html

Changing Koohii font in Google Chrome/Chromium - ファブリス - 2009-05-29

Thanks for sharing doctorcolossus.

Chrome will soon implement an extension system that leverages Html, Css and Javascript ! And Firefox is doing it too with Jetpack !

Changing Koohii font in Google Chrome/Chromium - ファブリス - 2010-02-28

Added the to the Wiki home page, and un-stickying (too many stickies).