自分のブログ を Flat なデザインにしたいなーと思って、キレイなフォントを探していたらこの2つが有名っぽいので使ってみました。
M+ FONTS というのが元で、Rounded M+ というのはその派生(の派生)のようですね。ともあれ自由に使える日本語フォントを提供していただける事に感謝します。
で、さっそく Web Font として使ってみました。以前作った Markdown のデモがあったのでそれを使いました。
M+ FONTS (mplus-1p-light)
上から反時計回りに Chrome, Safari, IE11(Win8.1) です。
自家製 Rounded M+ (rounded-l-mplus-1c-light)
あれ?
おや? 自家製 Rounded M+ は Chrome だけ、なんだか期待した表示になってくれないみたいです。
Chrome だけで、Web Font の CSS を ON/OFF させてみると、下のように微妙に表示が変わるので、適用されてはいるみたいです。
追記 2013.10.4 オリジナルの Rounded M+ は正しく表示されました
「自家製」じゃなくてオリジナル? の Rounded M+ のサイト のフォントを使わせてもらったところ、それっぽく表示されているようです。
Web も Font も詳しくないのでよくわかりませんが、今回は M+ FONTS を使うことにします。
ちなみに、デモページは こちら です。