デザインに興味がある場合でも、特定のWebサイトの外観と同じように、サイトで使用されているフォントの種類とサイズを知っていると、それをエミュレートしたり、自分のWebサイトで使用したりするのに役立ちます。これを実現するにはいくつかの方法がありますが、ここではそれらのいくつかを紹介します。したがって、Webサイトでフォントの種類とサイズを確認したい場合は、このまま読み進めてください。
携帯電話をロックすると、YouTube が再生されないのはなぜですか
文字通り何百万ものフォントが存在するため、完璧なフォントを見つけるのに必要以上に時間がかかる場合があります。あなたが良いものを見つけたとき、あなたはそれがすぐそこにあるものを見つける必要があります、さもなければあなたはそれを永久に失う可能性があります。特に優れている場合は、フォントの種類に応じて、Officeフォントとして、またはWindows内で、自分のWebサイトで使用できます。一部のフォントは著作権で保護されており、一般に使用できないことに注意してください。
ウェブサイトでフォントの種類とサイズを確認してください
Webサイトでフォントの種類とサイズを確認する方法はいくつかあります。最も簡単な方法はブラウザ自体を使用しますが、他の方法はサードパーティのツールを使用してページアセットを識別します。両方のタイプについて説明します。まず、組み込みのブラウザメソッドに焦点を当てます。
- 見た目が気に入ったページを右クリックして、[要素の検査](Firefox)、[検査](Chrome)、または[F12開発ツール](Edge)を選択します。
- 新しい下部ウィンドウで[インスペクター(Firefox)]を選択し、[フォント]が表示されるまで右下にスクロールします。フォントファミリー、使用されている特定のフォント、サイズ、色、およびページで定義されているその他すべてのものが表示されます。
さまざまなCMSおよびさまざまなWebデザインが、さまざまな方法でフォント情報を表示します。いくつかのWebページでこの方法を試してみると、フォントが定義されるいくつかの異なる方法が表示される可能性があります。
フォントの種類とサイズを識別するためのサードパーティツール
プラグインまたはブックマークレットとして機能し、フォントタイプを識別できるサードパーティのアドオンがいくつかあります。それらはSafariを含むほとんどのブラウザで動作するので、問題なく動作できるものを見つける必要があります。
Firebug
Firebugは、開発者向けのFirefox専用のデバッグツールでした。それは非常に人気があったので、今ではブラウザにとらわれず、ほとんどのブラウザで動作します。これは、フォントを含むWebページの任意の要素をチェックできる非常に用途の広いツールです。
通常どおりにアドオンをインストールし、ページ上のテキストを強調表示して、Firebug内の[HTML]タブをクリックし、右側の[計算済み]をクリックするだけです。次に、Firebugは、フォント名、フォントファミリ、サイズ、太さ、および知っておく必要のあるすべてのものを強調表示する必要があります。
ただし、Firebugは2017年に廃止されたことに注意してください。古いバージョンは引き続きダウンロードできますが、更新されなくなり、ブラウザが進化するにつれてFirebugの機能が失われる可能性があります。
世界を救え ダウンロード方法
WhatFont
WhatFont Webページ上のフォントを識別できるブックマークレットです。ブックマークレットをブックマークバーにドラッグし、それを使用して、どこにいてもほぼすべてのフォントを識別します。使用は無料で、非常に簡単です。好きなWebページに移動し、ブックマークレットをクリックして、識別したいフォントにカーソルを合わせます。その上に小さな黒いボックスが表示され、フォントが示されます。
SDカードのフォーマット方法
更新されると、関連するアドオンとも互換性があります。
繰り返しになりますが、CMSの構成方法やページの設計方法に応じて、これは単純なフォントIDか、サイズ、色、重さなどを示す完全なボックスのいずれかになります。
フォントを識別できるブックマークレットタイプのアドオンはたくさんあります。 WhatFontはそのうちの1つにすぎません。使っていますか?この記事はあなたに新しいものを試すようにあなたを納得させましたか?以下にお知らせください。