home VS Lettering.js

I recommend you look into https://rime.im/, and their android app 同文RIME.

As a native chinese speaker, I recommend you install rime. It's smart and basically support all kinds of chinese input methods. To install, refer to the ubuntu section of this page and install all the require package using apt. Then open the setting app, go to region & language and click manage installed language. First change the input method framework back to ibus in the "keyboard input method system" section. Then click manage installed language, select Installed/Remove language, tick the language you want to use (In your case japanese and chinese).

For Han Nom input: Download and install Rime (https://rime.im): Windows / Linux / MacOS

https://rime.im very good, very customizable, very versatile

> Because the code took only the first letter, rather than the complete sound of the character, most regional speech variations did not matter.

This bit is really interesting. This is one of the motivations for an open source Chinese IME framework called RIME: https://rime.im There are configurations available for a number of dialects like Suzhou or Shanghai dialects so that users who prefer those languages don’t have to use Mandarin/putonghua pinyin.

I highly recommend 中州韻輸入法引擎, an input engine that supports many Chinese (and non-Chinese) input methods. I only use Pinyin and Jyutping with it, but I'm sure there are ways to input Shanghainese phonetically too. An easy way to hand-write characters with your keyboard (also supported by this engine) is 五筆畫 (different from 五筆): see here for a quick overview.

Try the GB18030 version of 五笔86 - it does all characters, 冇、乜、龘、etc included. Specifically, you can have a look at This schema which is for the RIME input method.

Yes, all off one system. Basically, I'm using an IME called RIME, which is a chinese IME that lets you install schemas created by other people.

If you want an input method that supports inputting tones as well, I would suggest using RIME https://rime.im/ with rime-cantonese https://github.com/rime/rime-cantonese - but that is an installable input method, not a webpage.

You could also use a JavaScript library FitText.js, FlowType.js, or Lettering.js to easily apply fluid typography to your project with zero stress.

I bookmarked this at some point a while back but haven't used it yet. So, I can't vouch for it working but conceptually it is the thing. https://github.com/davatron5000/Lettering.js

probably just need to do this with CSS it's not a very common thing... and you could ensure more browser compatability. https://css-tricks.com/adding-stroke-to-web-text/ also this? http://letteringjs.com

Lettering is an interesting JavaScript library for texts. You can style and layout individual texts on your page, including implementing some cool transitions and animations. Lettering JS is a jQuery plug-in. Hence, it requires jQuery to work.

davatron5000/Lettering.js - A lightweight, easy to use Javascript injector for radical Web Typography