Webサイト上のフォントの見分け方名前、色、サイズ

デザイナー、ウェブマスター、そして般のインターネットユーザーは、しばしばある問題に直面することがあります特定のリソースのフォントファミリーを素早く特定する必要があるのですこれを行う従来の方法は、Firebug拡張機能を使用して、ドキュメントコード内の情報を見つけることですまた、これを手助けしてくれるオンラインサービスやプログラムも数多くあります 

前述した方法で決定します フォント以下のフォントをダウンロードすることができます は、余分な時間を必要とするため、ベストではありません別のブラウザのタブに移動して、目的のリソースのURLを検索し、コードを掘り下げるなどの作業が必要ですそのため、不必要な動きをすることなく、テキストのフォントを知りたいと思うのです今日、WhatFontブラウザプラグインをインストールすることで、よりシンプルで迅速なフォントを見つける方法があります 

WhatFontは、フォントを指定するための拡張機能です

Google Chromeの拡張機能ショップ、またはYandexブラウザとFirefoxのアドオンディレクトリで見つけてくださいこの素晴らしいツールの開発者は、この拡張機能がすべての般的なブラウザでサポートされているため、懸命に働きましたインストール後のアプリケーションのサイズはわずか1Mbなので、ブラウザを「ロード」することはありません拡張機能のインストール後、ブラウザの右上に小文字の英字「f」と疑問符のアイコンが表示され、その後に「f ? 

WhatFontで作業するには? 

Nautilusはとても使いやすいフォントです気に入ったフォントをウェブサイトで見かけたら、そのアイコンをクリックしてWhatFontを起動してくださいカーソルをフォントの上に置くと、フォントファミリーの名前が書かれたツールチップが表示されます例えば、Facebookがこのフォントを使用していることがわかります helvetica, とVKontakte arial

特定のフォントについて、より詳しい情報が必要な場合がありますフォントの大きさを調べるにはどうしたらいいのだろうと思う人もいるでしょうWhatFontを起動し、フォントの上にカーソルを置かず、度フォントをクリックしてみてくださいすぐに、そのCSSプロパティの説明が書かれたウィンドウがポップアップ表示されますここに表示されます:

  • font-familyです;
  • サンセリフフォントです;
  • フォントサイズ
  • フォントサイズ(行間);
  • RGBカラーコードフォント

ポップアップウィンドウの右下には、Twitterのアイコンが表示されていますそこにアカウントをお持ちの方は、このフォントの情報をツイートしてリンクを読者にシェアすることができますまた、英語のアルファベットを例にして、このフォントがどのようなものかを見ることもできます 

これで、サイト上でフォントの名前を調べる方法がわかったと思いますおそらく、WhatFontの唯の欠点は、拡張子がrussifiedでないという事実に帰することができますしかし、このアプリケーションのインターフェイスは非常にシンプルなので、これは問題ではありません

Slopes Brushについてもっと読むことができます この記事で


更新:

2016-05-31

作家紹介:
Webサイト上のフォントの見分け方名前、色、サイズ
この記事を評価する:

5 /1 から 5

コメント (0)