Font Finder

webサイト どんなフォントを使用してるか調べる方法 フォント検出は、色、間隔、コントラストのための迅速なビジュアルインスペクターです。どのサイトでも機能し、コンパクトなパネルで開き、安全なサイズを記憶します。ウィンドウ内の×をクリックするか、font identifier アイコンをクリックすることで、拡張機能のフォントリーダーを閉じることができます。

🔥 コアハイライト

⭐ クリーンなCSSコピーのプリセット：すべて、フォントファインダー、タイポグラフィ、色。
⭐️ 任意の要素にホバーまたはクリックしてのライブオンページインスペクション。
⭐️ Web/ローカルバッジのChrome font finder アプリがレンダリングしたエンティティ。
⭐️ タイポグラフィの参照とコンポーネントのために保存された要素。

📌 使い方

要素をロックするにはホバーまたはクリックしてください。パネルにはセレクター、CSSコピーが表示されます。フォントファインダーの拡張モードでは、アクセスがブロックされているかどうかを教えてくれます。拡張機能を起動するたびにダウンロードが必要ですが、同じウェブサイトの font finder ではブラウザの許可を再度与える必要はありません。

⚡️ 主要アクション

1. プレビューのためにホバー。
2. 選択をロックするためにクリック。
3. クリーンなCSSをコピー。
4. フォントピッカーを変更。
5. 任意の要素を保存。
6. タイポグラフィを切り替え。

🪐 表示とウィンドウ

UIを最小限に保つために、タイポグラフィ、色、間隔のセクションを表示または非表示にします。 Font finder Chrome拡張機能のウィンドウは画面にクランプされ、要素タブから始まり、最小化された状態では開きません。

📚 コピーのプリセット

- 完全なスタイルブロックのためのすべてのCSSデータ。
- レイアウト準備が整ったテキストセットのためのタイポグラフィ。
- フォント拡張のためのパレットの色。

🧩 タイポグラフィの詳細

ファミリーとスタック、読みやすい名前の重み、サイズ、行の高さ、文字/単語の間隔、スタイル、バリアント、さらにクイック重みコピーのボタン。フォントファインダーChrome拡張機能はグループ化されているため、混乱なく必須の情報を確認できます。

🎯 追加の特典

1️⃣ 許可されたドメインでの迅速なドメインベースのローカル情報の読み込み。
2️⃣ 安全な範囲のフォントサイズピッカーChrome拡張機能のオフスクリーンリサイズ。
3️⃣ 保存されたアイテムの重複は厳格に防止され、クリーンさを保ちます。

💡 誰が恩恵を受けるか

フロントエンドはウェブサイト上のフォントを見つけることができ、レンダリングされたデータと間隔を確認する開発者を考慮します。UI/UXデザイナーはタイポグラフィ、色、コントラストを監査し、QA/アクセシビリティチームはWCAGレベルを迅速にチェックします。また、データを共有するチームのためのフロントファインダーとして、一貫したデザインシステムを維持します。

🚀 スピーディな利点

➤ クリーンなCSSデータ。
➤ 迅速なインスペクション。
➤ フォントエクストラクター。
➤ コントラスト準備完了。
➤ 保存されたWeb参照。
➤ コンパクトなパネル。

🧶 一時停止モード

選択を一時的に停止し、ページと自由に対話できるようにします。ウェブ font finder ツールは機能しません。スクロール、クリック、またはUI状態をトリガーする必要があるときにタップしてください。場所を失うことなく、単一のステップでインスペクションを再開し、ウェブサイト上のフォントを特定できます。

🧷 受け取ったアイテムの内容

• ウェブページのURL。
• ホスト名スタンプ。
• フォントスタイルピッカー。
• サイズと重み。
• スタイル + 行の高さ。

🌟 フィードバックを保存

ウェブサイトの font finder で何かを行うと、パネルは明確な視覚的手がかりを表示します：チェックマークのトーストが保存されたカウンターを更新し、コピーアクションがアイコン上に短いコピーされたメッセージのヒントをトリガーし、 font finder のアクセス拒否状態が警告を表示して、続行する前に何を修正すべきかを正確に知ることができます。

🧠 よくある質問

Q: DevToolsを開く必要がありますか？
A: いいえ、すべては浮動パネル内にあります。

Q: ページが遅くなりますか？
A: Chrome拡張機能の font finder は最適化されています。

Q: どこでも動作しますか？
A: はい。拡張機能はローカルデータをダウンロードするためにHTTPSが必要です。

🔎 一時停止とアクティブ

インスペクターがアクティブなとき、ウェブサイトのフォントファインダーはカーソルをキャッチして要素をハイライトしますので、ページのクリックやホバーがインターセプトされます。一時停止をオンにすると、拡張機能は「横にステップ」します：ボタンをクリックしたり、ページと通常通り対話したりできます。再びフォントファミリーピッカーを使用する準備ができましたか？一時停止をオフにして続行してください。

🧰 ウィンドウコントロール

◆ パネルの位置を再配置するためにドラッグ。
◆ ビューに合わせてエッジをリサイズ。
◆ Font finder はサイズを記憶します。
◆ 現在の画面にクランプ。
◆ 安全な大きなビューのために最大化。

📝 他のツールとの比較

主に宣言されたファミリ名を報告するWhat Font拡張機能とは異なり、私たちのツールは実際にレンダリングされたソースを明らかにし、ワンクリックでクリーンなCSSプリセットをコピーして、完全な要素のスナップショットを保存します。whatfont拡張機能とは異なり、正確性のためにローカルプリセットを読み込むこともでき、リストを保持できます。

☘️ 始め方

1️⃣ ウェブサイトフォントピッカーをダウンロードし、アイコンをクリックし、要素にホバーまたはクリックします。
2️⃣ 現在必要ないデータのセクションを隠してウィンドウ内の情報を探ります。
3️⃣ 拡張機能からブロックせずに何かを変更する必要があるときは、一時停止モードを設定します。

❤️ 最後の言葉

私たちは本当に素晴らしいピッカー拡張機能を作ろうと努力し、さらなる改善のためにあなたのフィードバックを常に受け入れています。インストールして快適に使用してください font finder。