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

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



文字通り何百万ものフォントが存在するため、完璧なものを見つけるのに必要以上に時間がかかることがあります。良いものを見つけたら、すぐにそこにあるものを見つける必要があります。そうしないと、永久に失う可能性があります。それが特に優れている場合は、フォントの種類に応じて、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 つにすぎません。

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

興味深い記事

エディターズチョイス

Skype通話に誰かを追加する方法
Skype通話に誰かを追加する方法
ほとんどのユーザーと同様に、Skypeを1対1のチャットやビデオ通話に使用している可能性があります。しかし、通常の通話に別の人を追加したい場合はどうなりますか?あなたが答えを探していたなら
Windows 10ビルド20257は、スタートメニュータイルの改善とともにリリースされました
Windows 10ビルド20257は、スタートメニュータイルの改善とともにリリースされました
Microsoftは、Windows 10 InsiderPreviewビルド20257をDevチャネルのInsiderにリリースしました。ビルドはFE_RELEASEブランチからのものであり、重要な修正が多数含まれています。スタートメニューにも変更が加えられています。広告Microsoftは、Windows10で複数のAndroidアプリを実行する機能について言及しています。
Lightroom で NAS ドライブまたはパーソナル クラウドを使用する方法
Lightroom で NAS ドライブまたはパーソナル クラウドを使用する方法
パーソナル クラウドまたはネットワーク接続ストレージ (NAS) システムを使用することは、写真家が適度に安全なバックアップのために大容量ドライブにアクセスする一般的な方法です。しかし、Lightroom で NAS を使用する最も効率的な方法は、
Windows 10 のクリップボード履歴を表示する方法
Windows 10 のクリップボード履歴を表示する方法
質素な Windows クリップボードの限られた機能は、長い間サードパーティ ソフトウェアの影に隠れていました。機能を追加する必要性が高まるにつれて、いわゆるクリップボード マネージャーが人気を博すための豊富な環境が作成されました。あなたがパワーユーザーなら、
Facebookメッセンジャーに誰でも追加する方法
Facebookメッセンジャーに誰でも追加する方法
ここでは、Facebook 上で友達であるかどうか、電話番号を知っているだけ、または実際に一緒にいるかどうかに関係なく、Facebook メッセンジャーに誰でも追加する方法を説明します。
Windows10で使用しているDDRメモリタイプをすばやく見つける
Windows10で使用しているDDRメモリタイプをすばやく見つける
PCケースを開かずに、PCにインストールされているメモリの種類を確認する必要がある場合は、Windows10で使用できるオプションがあります。
iPhone 6レビュー:古いかもしれませんが、それでも良い電話です
iPhone 6レビュー:古いかもしれませんが、それでも良い電話です
iPhone 6 世代は 5 年以上前の製品かもしれませんが、古くなったにもかかわらず、依然として優れた電話機である理由がいくつかあります。この記事の執筆時点で、入手可能な最新の iPhone は iPhone です。