フォント分かる方いますか？

キャプチャーとって、Yahoo知恵袋で質問すると、詳しい人が答えてくれます。私は以前そうやって調べました。  

知りたいのは、こちらの２サイト（おそらく同じフォントかと思うのですが。）の価格、発売日あたりの文字です。

この質問方法ですと、どれの事なのか考えたり特定した入りするのに苦労するのでキャプチャーとった方が良いかと思います。

一般的な調べ方ですが、フォントは画像の場合とテキストの場合と２種類です。画像の場合はそのフォント自体を知っている人じゃないと、あとは自動判別ソフトの様なものに頼るしかない感じになります。Yahoo知恵袋は、その「知っている人」に頼る方法です。

 



テキストで表示されている場合は、選択した時にテキストをコピーできる状態になります。

 

 

 

 



次に、右クリックして「ページのソースを表示」させてHTMLを確認します。全部読む必要はなくて、まずは「font」とか「css」とかで検索します。このサイトの場合は「font」では何も出てこなかったので、「css」で検索します。

上記の様なのを外部CSSと言って、他の場所に置いてあるCSSを読みに行かせる方法です。これもリンクをひらけばCSSの中身を確認できます。フォントはCSSで指定されているので、そこに書いてあるからです。

 





今回は2種類のCSSがあって、両方確認する必要があったのですが、ひとつは「inherit」となっていて指定されていないので、もう一つの方を確認します。そうすると何種類かフォントが指定されていましたが、順番に探していけばいいと思います。

その中で「Roboto」というフォントがありましたので、これをGoogleで検索します。因みにこれはWEBフォントというもので、PCにフォントがインストールされていなくても、特殊なフォントを表示させることができる様になる方法です。

 



このWEBフォントはGoogleフォントを利用していたので、すぐにそのフォントを探すことができました。Googleに限りませんが、ほとんどのフォントは表示させたいテキストを打ち込むと、それを表示させてくれます。

 

価格の部分ということでしたので「Unisex ¥36,000 + Tax」と打ち込むと、参考にしていたサイトで表示されていた文言と同じ文字を表示させることができますので判別が容易になります。

こんな方法あるんですね！

早速、スマッシュブラザーズのサイトで同じようにページのソースを表示させてfontを検索したら数種類のfontを使用しているデータが出てきました。



この中から検証していけば探せますね。

加島さん、ありがとうございました！