読者です 読者をやめる 読者になる 読者になる

ジブンライフ

「自分らしい人生」をテーマにライフハック、オピニオン、マネジメント、時事ネタなど自由に書いています。

プロは知ってる。メイリオに変わる新標準フォント"游ゴシック"

PCライフ

f:id:t-tane:20151123131026j:plain

なんのプロだか知りませんし、プロでもアマチュアでも知っている人は知っていると思うのですが、Windows 8.1あたりから「游ゴシック」「游明朝」というフォントが標準でインストールされているのはご存知でしょうか?

他の人にとっては当たり前なのか、それとも意外と知られていないのかわかりませんが、ぼくは最近まで知らなくて非常に後悔しています。

 
Windowsに標準搭載されているフォントといえば「MSゴシック」とか「メイリオ」が有名で、Webサイトやブログに表示させるフォントといえば、ぼくのなかでは「メイリオ」が定番でした。

「メイリオ」は明らかに「MSゴシック」よりもギザギザしていないし、読みやすいんです。

ただ「メイリオ」の語源は「明瞭」だとか言われているように、読みやすさを重視していて、デザインとしては平凡な印象でした。

だからといって、Webフォントを使って、Webサイトやブログ全文をキレイなものに変えると、非常にサイトが重くなってしまいます。

そのため「游ゴシック」のような美しいフォントが標準搭載されているということに気づいたとき、今まで悩んでいたことが馬鹿らしくなりました。

これならなんのデメリットもなしに、サイトに美しいフォントを搭載することができますから。

MacにもWindowsにも標準搭載

遊ゴシックのなにが凄いかというと、MacにもWindowsにも標準搭載されているという点です。

OS X MavericksとWindows 8.1にプロフェッショナル用書体の游ゴシック体と游明朝体が標準搭載 - フォントブログ

つまりWebサイトで遊ゴシックで文字を表示するように設定しておけば、MacかWindowsかに関わらず、遊ゴシックを表示できるということになります。

遊ゴシックが出る前は、Macなら「ヒラギノ角ゴ」、Windowsなら「メイリオ」なんて感じで想定してサイトのフォントを設定することが多かったんじゃないかと。

Windowsもフォントに力を入れ始めた?

Macは標準で美しいフォントがたくさん入っているんですが、どうもWindowsはそれに比べて劣るという印象でした。

メイリオが搭載されたときにはかなり感動しましたが、それでもMacには及びません。

好みはあるかもしれませんが、遊ゴシックはようやくWindowsに標準搭載されたいい感じのフォントだとぼくは思っています。

遊ゴシックを採用しているフォント

バズ部

あの有名なバズ部も遊ゴシックを使っていました。最初は有料のWebフォントでも使ってるのかなと思っていたのですが、Windowsで表示されるフォントは遊ゴシックになっています。

一番優先して表示されるフォントは「ヒラギノ角ゴ Pro W3」、二番目に「遊ゴシック」、三番目に「Verdana」、四番目に「メイリオ」という具合ですね。

ですからWindowsユーザーはおそらく遊ゴシックで表示されているということになります。

 
ライフハッカー[日本版]

ライフハッカーも遊ゴシックを指定しています。

一番優先は「SourceHanSansJP-Light」で、二番目に「遊ゴシック」、三番目に「ヒラギノ角ゴ Pro W3」。

「SourceHanSansJP-Light」(Webフォントかも)がパソコンにない場合は、WindowsもMacも遊ゴシックが表示されるでしょう。

ちょっと細い

ネット上でもちらほら見かけたのですが、遊ゴシック細すぎて見づらいよという声。いくつか太さは選べるのですが、通常の太さのフォントでもかなり細いなという印象です。

他にも色々意見があるようで、一概に遊ゴシック最高というわけではないらしい。

ブログで遊ゴシックを表示させる方法

遊ゴシックを表示させたい場合は、CSSを変更しましょう。こういうのを教えるブログではないのですが、たまには。

font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;

こんな感じがいいじゃないかなと適当に考えています。これは先に書いているフォントから順番に表示しようと検討していって、もしそのフォントがパソコンのなかになければ次を探すという具合です。

もちろんヒラギノ角ゴを前に持ってきてもいいと思いますよ。ただぼくはMac持ってないので表示した感じがわからないんですよね。

 
それから、ブログで遊ゴシックを使う場合は、白の背景に灰色の文字とかにしたほうが見やすいでしょう。

color: #383838;

をCSSの文字のところに設定してやるとよさそう。説明雑なので他のサイトを紹介しておきます。

http://www.htmq.com/style/font-family.shtml

http://www.shoshinsha.com/hp/ref/css/text_color.html

灰色の背景に黒めの文字もありかなと。ライフハッカーはそんな感じですね。

 
もしぼくと同じように遊ゴシックを知らなかった方はぜひ使ってみてください。PowerPointとかでも使ってあげるとすごいおしゃれになりますよ。

このブログも遊ゴシックを採用したいのですが、それには色々下準備が必要なようで、もう少し時間がかかりそうです。

© Copyright 2016 ジブンライフ. All rights reserved.