サイト紹介

自動ふりがなフォント「Furifont」がすごい件

自動ふりがなフォント「Furifont」がすごい件

【画期的】フォントを変えるだけで漢字にルビが付く!?自動ふりがなフォント「Furifont」がすごい(GIGAZINEサイトで紹介)

日本語を学習中の外国人や小さなお子さんにとって、漢字の「読み方」は大きな壁になりがちです。ウェブサイトでふりがな(ルビ)を振るには、従来 <ruby> タグをひとつひとつ設定したり、専用の形態素解析スクリプトを組み込んだりする必要がありました。

そんな手間をあっさり解決してくれる驚きのフォント「Furifont(フリフォント)」が登場しました!

今回は、フォントを切り替えるだけで漢字の上に自動でふりがなが現れる「Furifont」の特徴や仕組み、使い方をご紹介します。

1. Furifontとは?

「Furifont」は、著名なオープンソース開発者であるアンソニー・フー(Anthony Fu)氏が公開した日本語フォントです。

最大の特徴は、「特別なプログラムによる文章解析を行わず、フォントを適用するだけで漢字の上に自動でふりがなが表示される」という点。

ベースにはAdobeのオープンソースフォント「源ノ角ゴシック(Source Han Sans)」および「源ノ明朝(Source Han Serif)」が採用されており、美しく読みやすい書体がそのまま活かされています。

2. どうやって動いているの?その仕組み

「フォントだけでどうやってふりがなを付けているの?」と疑問に思う方も多いはず。その秘密はフォントの「合字(リガチャ)」機能にあります。

  • 仕組み: 数千語規模の辞書データを元に、「漢字」と「その読み仮名」を組み合わせた字形をあらかじめ登録しています。
  • 表示の例: ブラウザ上で「今日」というテキストを表示する際、フォント内部の合字機能が反応し、「きょう」とルビが乗った1つの字形に自動変換されます。
  • テキストデータはそのまま: 見た目だけが置き換わっているため、テキストをコピー&ペーストしてもルビが混ざることなく、元の「今日」という文字列のまま扱えます。

3. メリットと知っておきたい注意点

メリット

  • 導入が超簡単: HTMLのタグ構造を一切いじらず、CSSでフォントを指定するだけでルビ化できます。
  • デザインの自由度: ゴシック体・明朝体の切り替えはもちろん、文字の太さ(ウェイト)調整や、ふりがなをローマ字表記にする設定も可能です。

注意点・限界

  • 文脈依存の単語: フォント単体では文脈を理解できないため、文脈で読みが変わる単語(例:「大人気(だいにんき/おとなげ)」など)はあえてふりがなを表示しない仕様になっています。
  • 送り仮名への対応: 「来る(くる)」「来ない(こない)」のように送り仮名で読みが変わるケース向けには、JavaScriptで送り仮名を補助判定する機能が用意されています。

4. 実際に使う方法

Furifontは「SIL Open Font License 1.1」のもと、GitHubおよび公式サイトで無料配布されています。

  1. フォントのダウンロード
    • PCにインストールして使えるデスクトップ用フォントファイルと、Webサイト向けのWebフォントが配布されています。
  2. ブックマークレットで即座にお試し
    • 公式サイトには「ブックマークレット」やユーザースクリプトが用意されています。
    • ブラウザのブックマークバーにお気に入りの設定をドラッグ&ドロップしておけば、任意のWebページを開いてクリックするだけで、そのページの文字がFurifontに切り替わりふりがなが表示されます。

まとめ

ウェブサイトのアクセシビリティ向上や日本語学習者のサポートにおいて、「フォントを当てるだけ」でルビ表示が実現できるのは非常に画期的なアプローチです。

気になる方は、ぜひ公式サイトのデモで好きな文章を入力して試してみてください!

Return Top