ウェブサイトのフォントサイズとフェイスを確認する方法

文字通り何百万ものフォントが存在するため、完璧なものを見つけるのに必要以上に時間がかかることがあります。良いものを見つけたら、すぐにそこにあるものを見つける必要があります。そうしないと、永久に失う可能性があります。それが特に優れている場合は、フォントの種類に応じて、Office フォントのように自分の Web サイトで使用したり、Windows 内で使用したりできます。一部のフォントは著作権で保護されており、一般に使用できないことに注意してください.

デザインに興味がある場合でも、特定の Web サイトの外観が好きな場合でも、そのサイトで使用されているフォントの種類とサイズを知っていれば、それをエミュレートしたり、自分の Web サイトで使用したりするのに役立ちます。これを実現する方法はいくつかありますが、この記事ではそのいくつかを紹介します。ウェブサイトのフォントの種類とサイズを確認したい場合は、読み進めてください!

Web サイトのフォントの種類とサイズを確認する

Web サイトのフォントの種類とサイズを確認する方法はいくつかあります。最も簡単な方法はブラウザ自体を使用する方法ですが、他の方法ではサードパーティのツールを使用してページアセットを識別します。以下では、両方のタイプについて説明します。まず、組み込みのブラウザメソッドに注目します。

見た目が気に入ったページを右クリックして選択します 要素を検査 (ファイアフォックス)、 検査する (クロム)、または F12 開発者ツール （角）。
選択する 検査官 (Firefox) または 計算済み （Chrome）新しい下のウィンドウで、右に到達するまで下にスクロールします フォント また フォントサイズ .フォントファミリ、使用されている特定のフォント、サイズ、色、およびページで定義されているその他すべてを表示する必要があります。

CMS や Web デザインが異なると、フォント情報がさまざまな方法で表示されます。いくつかの Web ページでこの方法を試してみると、フォントが定義されているいくつかの異なる方法が見られるでしょう。

フォントの種類とサイズを識別するためのサードパーティツール

いくつかのサードパーティ製アドオンは、プラグインまたはブックマークレットとして機能し、フォントタイプを識別できます。それらは Safari を含むほとんどのブラウザーで動作するため、問題なく動作するものを見つける必要があります。

フォント

フォントウェブサイトまたはブラウザ拡張機能 . WhatFont は無料で使用でき、非常に簡単です。やるべきことは次のとおりです。

調査したいフォントを見つけます。サンプルのスクリーンショットを撮ります ( CMD + Shift + 4 Mac または Windows キー + Shift + S パソコンで）。次に、WhatFont Web サイトにアクセスします。
クリックしてコンピューターからスクリーンショットをアップロードするか、スクリーンショットをドラッグしてボックスにドロップします。
フォントのサンプルを選択します。次に、 青い矢印アイコン .
リストをスクロールして、目的のフォントに最も一致するものを見つけます。