だから、ウェブを閲覧し、illestフォントコンボにつまずくあなたのことをやっているが、あなたは書体を識別することはできませんか? さて、このビデオ(および以下のリストの要約)では、それらのフォントを見つける方法を正確に示します…
Fontanello(Chrome+Firefox)
Fontanello ChromeとFirefox拡張機能は、私の意見では、webペー あなたは、単に右のテキストをクリックし、メニューでFontanelloを見つけて、フォントファミリといくつかの追加の属性があります捕虜。
WhatFont(ChromeとSafari)
WhatFont ChromeとSafariの拡張機能は、フォントの検出に来るとき私のお気に入りのオプションです。 ツールを有効にするには、ブラウザメニューのどのフォントアイコンをクリックする必要があります。 今、あなたはfontanello対フォント内訳のより良い可視化を可能にするテキストの複数の部分を選択することができます。
ビジュアルインスペクタ(Chrome)
ビジュアルインスペクタChrome拡張機能は、上記の二つよりも少し深さを提供しています。 あなたは、単にドロップダウンのタイポグラフィセクションに頭の上に、ツールを有効にするには、Chromeメニューのビジュアルインスペクタアイコンをク これで、webページ内のすべてのタイポグラフィの追加の内訳で使用されるフォントファミリが表示されます。
Good old Code Inspection(All Browsers)
だから、何十ものブラウザ拡張機能をインストールしないようにしようとしているのであれば、good old code inspectionで使用されるフォントの詳細を見つ DevToolsがポップアップし、スタイルタブにあることを確認し、フォントの詳細を学ぶためにFont-Family属性に向かいます。
Firefoxを使用している場合は、テキストを右クリックし、要素の検査を選択します。 彼らのインスペクタがポップアップ表示され、必要な情報のための便利なフォントタブに向かいます。
Safariを使用している場合は、Safari環境設定の詳細タブの下部にあるチェックボックスをオンにして、開発者メニューが表示されていることを確認してくださ テキストを右クリックし、[要素の検査]を選択します。 詳細サイドバーが閉じている場合は開き、スタイル–計算オプションを選択します。 Font-familyセクションには、スタイル属性内のフォント情報が表示されます。
名前を変更したフォントを明らかにする(高度な方法)
フォントファミリが明確に名前が付けられていないときに直面する可能性のある障害は、自然にフォント検査ツールやメソッドを捨てることです。 私たちは、実際にフォントをダウンロードすることにより、サルベージミッションを開始します。
これを行うにはいくつかの方法がありますが、私は現在のフォント名に注目することから始めます。 今インスペクタツール(私はGoogle Chromeを使用しています)を開き、アプリケーションタブに向かい、フレームセクションにスクロールしてフォントを開きます。 ファイル名を前述のフォント名と一致させる必要があります。 そのフォントを新しいタブで開き、ダウンロードします。 最後に、私たちは私のフォントが何ができる素晴らしいにそのフォントファイルをドラッ ウェブサイトとbamは、フォント情報が美しく表示されます。
多くの愛、
ロブ
Twitter:@robhope
LinkedIn:@robhope
電子メール: