Firefoxで引き出してみるメイリオの底力

祁 芦 鰯 遜 註

祁 芦 鰯 遜 註

Smallcaps

Smallcaps

find influent office

find influent office

1/2 2/5 3/8

1/2 2/5 3/8

---

WindowsXP以上、Firefox4以上の環境でこのページを閲覧してください。
枠の中の上下の文字をよく見比べてみると、なにかが違うのがお分かりになるかと。
これがメイリオの底力です（ぉ

どういうこと？

OpenTypeのFeature Tagという機能を、-moz-font-feature-settingsというCSSプロパティ（W3C 草案）で制御しています。これによって、上記のようなJISの字体を切り替える、スモールキャップスを有効にする、リガチャを有効にする、分数表記を有効にするといった、フォントの機能の利用を可能にしています。Feature Tagの全機能をFirefox4は使えるみたいですが、あんまり調べる時間がなかったのでとりあえずメモ。

日ごろメイリオをコケに（？）することが多いですが、ＭＳＰゴシックではできず、メイリオではできたので、単純にメイリオすげーと思い、エントリーを作ってみたり。

参考リンク

• Firefox 4の新機能紹介 - OpenTypeフォントのリガチャ、カーニング、異体字対応 - 強火で進め
• Firefox 4で対応したOpenTypeフォントのリガチャ、カーニング、異体字などを試してみた - 強火で進め
• 次期Firefox 4ではOpenTypeフォントの機能をCSSから制御できる - フォントブログ
• VistaをXPの字体に戻すというjp90タグの罠 - Vista文字セット問題：ITpro
• -moz-font-feature-settings - MDN
• Firefox 4: OpenTypeフォントのサポート « Mozilla Developer Street (modest)
• CSS Fonts Module Level 3(2011-10-04 WD) 6.12 font-feature-settings property

Todo/メモ

• OpenTypeなフォントでFeature Tagが使われているかどうかを簡単に読み取る方法。
• Feature Tagで実現可能な機能の一覧
• TeXでの実装について
• XMALを使ってIEでも表示可能

追記

• よく考えたら、font-variant(CSS2)でスモールキャップってできる。
• text-rendering - MDNでカーニングとリガチャができる。SVGで実現可能？（未確認）。