前回のObsidianで破音字に注音を付ける方法では、HTMLの<ruby>、<rt>タグを使用して注音を漢字の右側に表示しました。Obsidian上では正しく表示されますが、Yankiプラグインを使ってAnkiに同期すると、 https://ankiweb.net やAnkiアプリでは注音の表示が崩れ、三声が最下部にずれてしまいます。
▼ ankiweb.net:三声が最下段にずれている
▼ Windows版Anki:「ㄧ」が90度回転し、三声が最下段にずれている
調査の結果、簡単ながら手順が少し多い解決方法を見つけました。既にダウンロード済みの「ㄅ注音芫荽」または「ㄅ字嗨注音黒体」フォントファイルを使用し、さらに読音選択ツールを併用すれば完全に解決できます。
1. IVSフォントファイル
「ㄅ注音芫荽」や「ㄅ字嗨注音黒体」フォントは、IVS(Ideographic Variation Sequence=表意文字バリエーションシーケンス)規格に基づいており、同じ文字の異なる字体を表示することが可能です(破音字の例では、同じ「鮮」に異なる注音が付いて二つの字体が生じる)。異なる文字コードを使用することで、正しい破音字を表示できます。
2. 破音字の選択
破音字を直接Unicodeで入力するのは非現実的です。そのため、ButTaiwanが提供する読音選択ツールを使います。このツールで破音字を選んでObsidianにコピーすれば、必要な字体を正しく表示できます。手順は以下の通りです。
- ButTaiwanから必要なフォントファイル(例:BpmfIansui.zip=ㄅ注音芫荽、BpmfZihiSans.zip=ㄅ字嗨注音黒体など)をダウンロードし、OSにインストールする。
- ButTaiwanからオフライン版の読音選択ツール Bpmf_VSIME.zip をダウンロードし、特定のフォルダに解凍する(オンライン版ウェブツールも使用可)。
- ブラウザで手順2のフォルダ内の index.html を開き、入力欄に文字を入れる。この時点では「和」の注音が誤っている例:
- 「開始」ボタンをクリックするとツールが異なる読音を検出し、自動修正する。もし誤判定があれば、該当する漢字をクリックし、下部で正しい読音を選択する(例:「我和你」では、ㄏㄜˊとㄏㄢˋの両方が使えるが、ここでは前者を選択。教育部基準では後者を推奨?)
- 読音をすべて正しく修正したら、マウスで必要な文字を選択し、Ctrl+Cでコピーする。
- Ctrl+VでObsidianに貼り付ける。この時点では注音のない漢字表示になるが、前回紹介したCSSクラス「yin」を適用してフォントを「ㄅ注音芫荽」に変更すれば、正しい注音付き漢字が表示される。
この方法なら、https://ankiweb.net や異なる端末のAnkiアプリでも破音字の注音を正しく表示できます。
3. 💡 関連リンク
✅ 解説記事(繁体字中国語): https://jdev.tw/blog/9020/
✅ 解説記事(日本語)
✅ ButTaiwanフォントファイルと読音選択ツールのダウンロード