7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Webフォント「M+ FONTS」と「自家製 Rounded M+」を使ってみたのですが…

Last updated at Posted at 2013-10-03

自分のブログ を Flat なデザインにしたいなーと思って、キレイなフォントを探していたらこの2つが有名っぽいので使ってみました。

M+ FONTS というのが元で、Rounded M+ というのはその派生(の派生)のようですね。ともあれ自由に使える日本語フォントを提供していただける事に感謝します。

で、さっそく Web Font として使ってみました。以前作った Markdown のデモがあったのでそれを使いました。

M+ FONTS (mplus-1p-light)

上から反時計回りに Chrome, Safari, IE11(Win8.1) です。

img1

自家製 Rounded M+ (rounded-l-mplus-1c-light)

img1

あれ?

おや? 自家製 Rounded M+ は Chrome だけ、なんだか期待した表示になってくれないみたいです。

Chrome だけで、Web Font の CSS を ON/OFF させてみると、下のように微妙に表示が変わるので、適用されてはいるみたいです。

img

追記 2013.10.4 オリジナルの Rounded M+ は正しく表示されました

「自家製」じゃなくてオリジナル? の Rounded M+ のサイト のフォントを使わせてもらったところ、それっぽく表示されているようです。

img1

Web も Font も詳しくないのでよくわかりませんが、今回は M+ FONTS を使うことにします。

ちなみに、デモページは こちら です。

7
7
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?