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

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



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

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

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

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

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

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

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

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

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

フォント

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

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

フォントの名前に加えて、まだ持っていない場合は購入するオプションもあります。

CMS の構成方法またはページの設計方法に応じて、これは単純なフォントの識別か、サイズ、色、太さなどを示す完全なボックスになります。

アンターンドでマルチプレイヤーサーバーを作る方法

フォンタネロ

サッカー選手と混同しないように、 フォンタネロ は、サイトのフォントをすばやく簡単に表示できる優れた無料のブラウザ拡張機能です。現在、Chrome と Firefox でしか利用できませんが、この拡張機能はダウンロードする価値があります。 Fontanello の使用方法は次のとおりです。

アマゾン プライムをクロームキャスト iphone にストリーミング
  1. 開ける クロム そしてに行きます フォナタネロ Chrome ウェブストアのページ。
  2. クリック Chrome に追加 をインストールするには Fontanello ブラウザー拡張機能 .

  3. 調べたいフォントのある Web ページを開きます。好きなテキストのサンプルをハイライトします。

  4. 強調表示されたテキストを右クリックし、 フォンタネロ .

表示されるポップアウト メニューに、フォントの詳細が表示されます。

Fontanello を使用すると、使用したいフォントの詳細をすばやく簡単に表示できます。

よくある質問

ここでは、オンライン フォントに関する質問への回答をいくつか紹介します。

画像に含まれるフォントを確認するにはどうすればよいですか?

特定のフォントに興味があるかもしれませんが、それは画像の一部です。その特定のフォントが何であるかを判断するのは難しい場合があります。これに最も役立つツールは WhatFont です。上記の手順に従って、画像をアップロードし、フォントの詳細を明らかにすることができます。

ウェブサイトの検査

ブラウザの開発者ツールを使用して Web サイトのフォントを調べるのが苦手な場合は、フォントを識別できるブックマークレット タイプのアドオンがたくさんあります。 WhatFont はその 1 つにすぎません。

使用しますか?この記事を読んで、新しい記事を試してみようと思いましたか?以下にお知らせください。

興味深い記事

エディターズチョイス

Windows10とWindows8.1:Microsoftの最高のOSを見逃している5つの理由
Windows10とWindows8.1:Microsoftの最高のOSを見逃している5つの理由
マイクロソフトが2015年7月にWindows10をリリースして以来、新しいオペレーティングシステムの普及は急速に進んでいます。世界中の何百万ものデスクトップとラップトップが、強制的かどうかにかかわらず、Windows10に飛躍しました。
WiFiパスワードなしでWiFiに接続する方法
WiFiパスワードなしでWiFiに接続する方法
Winamp用のQuintoBlack CT v3.2は、多くの変更が加えられています。
Winamp用のQuintoBlack CT v3.2は、多くの変更が加えられています。
Winampは、Windowsで利用できる最も人気のあるメディアプレーヤーの1つです。 Winampのお気に入りのスキンの1つである「QuintoBlackCT」バージョン2.7が利用可能になりました。
FaceTimeオーディオが機能しない場合の修正方法
FaceTimeオーディオが機能しない場合の修正方法
このガイドでは、FaceTime オーディオが機能しない場合、または FaceTime を使用して通話中に何も聞こえない場合の対処方法について説明します。
Windows10のスタートメニューからスリープを削除する
Windows10のスタートメニューからスリープを削除する
Windows10の[スタート]メニューにHibernateコマンドを追加または削除する方法について説明します
Tumblr: 概要と参加方法
Tumblr: 概要と参加方法
Tumblr は、ソーシャル メディアのような機能を備えた、長く運営されているブログ プラットフォームです。この記事では、Tumblrの使い方、主な機能、他のソーシャルメディアとの違いなどについて説明します。
Windows 10でOneDriveからサインアウトする(PCのリンクを解除する)
Windows 10でOneDriveからサインアウトする(PCのリンクを解除する)
今日は、OneDriveからサインアウトする方法を説明します。 OneDriveは、Windows10にバンドルされているMicrosoftによって作成されたオンラインドキュメントストレージソリューションです。