Rubi

Rubi adds it to your published site in one click.

Framer has no way to put a reading above a word. Furigana over kanji, pinyin over 汉字, a pronunciation over a foreign name — the browser has always supported it, the editor has no field for it. Rubi adds it to your published site in one click. You write the reading yourself, right in the text layer, and Rubi turns it into real markup. ・Type ｜東京都《とうきょうと》 or {Seoul|서울} in any text layer. That is the whole syntax. ・Nothing is guessed. No dictionary lookup, no external request, nothing is tracked. 4.6 KB. ・It opens the line a little, so the reading never collides with the line above. ・Works on every page, including CMS text, and follows page transitions. Free — both syntaxes, the whole page, size and line spacing. Pro (one-time $19) — write a reading once and it appears everywhere on the site, ruby under the line, muted colours, and readings that appear only on hover. 読みは、あなたが書く。推測もしないし、どこにも送らない。

Japanese furigana, Chinese pinyin