株式会社 aradas(アラダス) 大阪・東京を拠点とし、webサイト企画・デザイン・コンテンツ制作・マーケティング・システム開発などの ホームページ制作をはじめ、グラフィックデザイン・映像制作など幅広くあなたのお手伝いをします。

株式会社aradas

web制作

2019.5.8

フォントを探すときに便利なGoogleChrome拡張機能のお話

こんにちは!
デザイナーのますです。

アラダスブログ初めての投稿になります!
なので、まずはちょっとした自己紹介をさせていただきます。

去年の夏頃アラダスに入社して、デザインやコーディングを担当しています。
映画鑑賞が大好きで、週末はよく映画館で映画を見ています。
今年はMARVEL作品が例年以上に豊作なので、今からとても楽しみにしています!

デザイナーらしく、今回はフォントのお話をしようと思います!

目に入る素敵なフォントは何のフォント?

職業柄、映画のポスターや電車や街中の広告、webの広告など見てると
ついつい「あのフォントいいな…」とか「ここの余白の意味は…」と考えてしまいます笑

webサイトを見ている時でも、「なんのフォントを使っているんだろう?」と思うこともしばしば…
似たフォントを探すのはとても骨が折れるので、
Google Chromeの拡張機能「Fontface Ninja」をよく使っています。

Fontface Ninjaの使い方

知りたいフォントのwebページを開いているときに
Fontface Ninjaのアイコンをクリックし、知りたいフォントにカーソルを合わせるだけでどんなフォントが使われているか教えてくれる便利機能です。
テキストデータだけでなく、image画像の中のフォントも読み取ってくれるので重宝しています。

しかも…調べたフォントは無料のものだったらダウンロードサイトへ、有料のものは購入サイトへのリンクがあるので
気になったフォントをすぐに手に入れることができるのです!
便利すぎますね…!

アラダスサイトで使われているメインのフォントは…

フォント 游ゴシック

游ゴシックです!
フォントの名称だけでなく、フォントのサイズやカラー、テキストの行間幅感も一気にわかってしまいます。

デザイナーさんだけでなく、フォント好きな方にもぜひ使って欲しい機能です^^

フォントが違うだけでもwebサイトの印象ってだいぶ変わってきますよね。
今後webサイトを見るときは、どうしてこのフォントなんだろう?という風に
考えながら見てみると、面白いかもしれません^^
その時はぜひ、Fontface Ninjaを使って、フォントを調べてみてください!

writer

ます

この記事をシェアする

関連記事

ブログ一覧に戻る