前回のObsidianで破音字に注音を付ける方法では、HTMLの<ruby><rt>タグを使用して注音を漢字の右側に表示しました。Obsidian上では正しく表示されますが、Yankiプラグインを使ってAnkiに同期すると、 https://ankiweb.net やAnkiアプリでは注音の表示が崩れ、三声が最下部にずれてしまいます。

▼ ankiweb.net:三声が最下段にずれている

gh|315

▼ Windows版Anki:「ㄧ」が90度回転し、三声が最下段にずれている

gh|320

調査の結果、簡単ながら手順が少し多い解決方法を見つけました。既にダウンロード済みの「ㄅ注音芫荽」または「ㄅ字嗨注音黒体」フォントファイルを使用し、さらに読音選択ツールを併用すれば完全に解決できます。

1. IVSフォントファイル

「ㄅ注音芫荽」や「ㄅ字嗨注音黒体」フォントは、IVS(Ideographic Variation Sequence=表意文字バリエーションシーケンス)規格に基づいており、同じ文字の異なる字体を表示することが可能です(破音字の例では、同じ「鮮」に異なる注音が付いて二つの字体が生じる)。異なる文字コードを使用することで、正しい破音字を表示できます。

2. 破音字の選択

破音字を直接Unicodeで入力するのは非現実的です。そのため、ButTaiwanが提供する読音選択ツールを使います。このツールで破音字を選んでObsidianにコピーすれば、必要な字体を正しく表示できます。手順は以下の通りです。

  1. ButTaiwanから必要なフォントファイル(例:BpmfIansui.zip=ㄅ注音芫荽、BpmfZihiSans.zip=ㄅ字嗨注音黒体など)をダウンロードし、OSにインストールする。
  2. ButTaiwanからオフライン版の読音選択ツール Bpmf_VSIME.zip をダウンロードし、特定のフォルダに解凍する(オンライン版ウェブツールも使用可)。
  3. ブラウザで手順2のフォルダ内の index.html を開き、入力欄に文字を入れる。この時点では「和」の注音が誤っている例:
    gh|700
  4. 「開始」ボタンをクリックするとツールが異なる読音を検出し、自動修正する。もし誤判定があれば、該当する漢字をクリックし、下部で正しい読音を選択する(例:「我和你」では、ㄏㄜˊとㄏㄢˋの両方が使えるが、ここでは前者を選択。教育部基準では後者を推奨?)
    gh|700
  5. 読音をすべて正しく修正したら、マウスで必要な文字を選択し、Ctrl+Cでコピーする。
  6. Ctrl+VでObsidianに貼り付ける。この時点では注音のない漢字表示になるが、前回紹介したCSSクラス「yin」を適用してフォントを「ㄅ注音芫荽」に変更すれば、正しい注音付き漢字が表示される。
    gh|700

この方法なら、https://ankiweb.net や異なる端末のAnkiアプリでも破音字の注音を正しく表示できます。

3. 💡 関連リンク

✅ 解説記事(繁体字中国語): https://jdev.tw/blog/9020/
解説記事(日本語)
ButTaiwanフォントファイルと読音選択ツールのダウンロード