Webタイポグラフィ
読了目安 10分
Webサイトで使われているフォントの調べ方：4つの実用的な方法
ライブHTML、CSSの確認、ブラウザ拡張、Webサイトのスクリーンショットを使い分けます。
ガイドを読むフォント識別ブログ
フォントの見つけ方と使い方を学べるガイド、チュートリアル、実践的なヒント。
目的に合うフォントガイドを探す
Webサイト、スクリーンショット、PDF、Word文書、ロゴ、Canvaデザイン、ブラウザ拡張機能など、フォントが現れる場所から選んでください。各記事では最初に確認すべき点、自動判定が役立つ場面、候補を使う前の確認方法を説明します。
最新のフォント識別ガイド
ガイド数 11
タイポグラフィガイド
10分で読めます
画像からアラビア語フォントを調べる方法
スクリーンショット、ロゴ、看板、スキャン画像から、アラビア文字の特徴を確認しながら候補フォントを絞り込む実践ガイドです。
ガイドを読む
PDF・Wordの文字
10分で読めます
PDFやWordのフォントを調べる方法：実務で使える手順
選択できるテキスト、埋め込み情報、スキャン画像、画像化されたデザインでは、確認方法が異なります。ファイルの状態に合う手順を選びましょう。
ガイドを読む
タイポグラフィガイド
読了目安 13分
セリフ体とサンセリフ体の違いは？読みやすさと使い分けを比較
字形の構造、可読性、ブランドの印象、印刷と画面での挙動を比べ、思い込みではなく実際の用途から選ぶためのガイドです。
ガイドを読む
タイポグラフィガイド
読了目安 11分
フォントペアリング入門：Webで使える12の組み合わせ
見出しと本文の役割を整理し、読みやすく意図の伝わるWebタイポグラフィを作る実践ガイドです。
ガイドを読む
タイポグラフィガイド
7分で読めます
スマホのメッセージで使われるフォントは？iPhone/Androidガイド
多くの場合、iPhoneはSan Francisco、AndroidはRobotoまたはメーカーのシステムフォントです。ただし実際の見え方はOS、アプリ、アクセシビリティ設定、スクリーンショット品質で変わります。
ガイドを読む
タイポグラフィガイド
約9分
ロゴのフォント探し：ロゴ画像からフォントを識別する方法
ロゴ画像からフォントを見つける手順、切り抜きの整え方、文字形の比較、完全一致と近い代替フォントの選び方を解説します。
ガイドを読む
Adobeワークフローガイド
10分で読めます
Adobeのフォント検索：画像・ロゴ・モックからフォントを見つける
Adobe Fonts Visual Search、Photoshop Match Font、手動確認を使い、実際の制作フローでフォントを同期したり置き換えたりする前に確実な候補を作るための実践ガイドです。
ガイドを読む
タイポグラフィガイド
8分で読めます
画像からGoogle Fontsを探す方法：近い無料フォントを選ぶ
画像からフォントを調べ、スクリーンショット、ロゴ、ポスター、モックアップに合うGoogle Fontsの候補を比較する手順です。
ガイドを読む
タイポグラフィガイド
8分で読めます
フォント検索拡張機能ガイド：ChromeでWebフォントを正確に調べる方法
ブラウザ拡張でfont-familyを読む方法、DevToolsで検証する手順、画像ベースのAIフォント検出を使うべき場面を整理します。
ガイドを読む
タイポグラフィーガイド
読了目安 11分
このフォントは何？画像やWebサイトからフォントを調べる方法
画像、スクリーンショット、ロゴ、PDF、Canvaファイル、公開中のWebサイトなど、手元の情報に合う方法でフォントを特定します。
ガイドを読む目的からガイドを選ぶ
フォントがどこに表示されているか分かっている場合は、次の入口が便利です。
この一覧ではフォント識別とタイポグラフィを扱います。各ワークフローを調査・確認したうえで新しいガイドを追加します。