web-dev-qa-db-ja.com

Webサイトからフォントをキャプチャする方法は？

一部のWebサイトには非常に優れたフォントがあり、インターネット経由で無料で入手できる場合もあります。

ウェブサイトが使用しているフォントを見つけるために使用できる簡単な方法（おそらくアプリ）はありますか？

internetwebsitefonts
7
Lazer

テキストフォント

ページのソースを表示してから、スタイルシートを探すことができます。これは、.cssで終わるファイルにあります

したがって、スーパーユーザーのようなものの場合は、ソースコードを見て、これを見つけます（疑問符（？）の後のビットについては心配しないでください）。

<link rel="stylesheet" href="http://sstatic.net/su/all.css?v=4372">

次に、次のようなものを探して内部をドリルします。

font-family:Consolas,Monaco,Lucida Console,Liberation Mono,
               DejaVu Sans Mono,Bitstream Vera Sans

これにより、サイトがデフォルトでテキストに使用するものが表示されます。そのリストから一致するフォントがコンピューターにある場合は、それが表示されます。それ以外の場合は、何かにぶつかるまで続きます。

画像のフォント

グラフィックで使用されるテキストの場合は、 What The Font！ のように移動し、推測マシンを使用して、サイトで使用されている可能性のあるフォントを特定できます。

12
random

É_hoの回答に続いて、What The Fontが失敗した場合は、 fonts.com のQ＆Aインターフェイスを使用して、外観に基づいてフォントを識別できます。これは、一般的なフォントの側面（serif/sans-serif、イタリック体など）と個々の文字のプロパティ（「大文字の「W」の上部にはいくつの端子がありますか？」など）についてクイズします。 ）必要な特性を持つフォントのみにフォントをフィルタリングします。

http://www.dafont.com/ は、気に入ったものを見つけたときに、無料または同様のフォントを入手するための優れたリソースです。

3
Lunatik

CSSによるとpreferredのフォントを理解するには、Firefox用の優れた Firebug アドオンまたはビルドされたアドオンを参照してください。 -SafariのWebインスペクター。 （ サイトで使用されているフォントを決定するためのユーティリティ？ を参照してください。

ほとんどのコンピューターで使用できる 少数のフォントのみ があるため、一部のWebサイトでは 動的に生成された画像 を使用して実際のテキストを置き換えます。ただし、すべてのフォント使用許諾契約でWebサイトでのフォントの使用が許可されているわけではありませんが、個人使用許諾契約では特定のWebサイトでの使用のみが許可されています。そのため、たとえば、cufónは、フォントが置換対象のWebサイトでのみ使用されるようにします。その場合、他のドメインでそのようなフォントを使用することはできません。

cufón によると：

詳細については、 Fonts and the Law at fontembedding.com を参照してください。次のファウンドリ/ベンダー/クリエーターによって作成されたフォントは安全であることが知られています： Adobe Systems 。以下は、Web埋め込みに個別または拡張ライセンスを必要とすることが知られています： Berthold （separate）、 FontFont （separate）、 Fontsmith （separate）、 Hoefler＆Frere-Jones （個別）、 [〜＃〜] itc [〜＃〜] （個別）、 ライノタイプ （拡張）。

2
Arjan

WhatFont Chrome extension は、フォントがテキスト形式の場合、フォントを識別するための優れたツールです。

1
NVZ

利用可能なWhatTheFont用のiPhoneアプリがあります。これを使用すると、xtの一部のスナップショットを取得して、What TheFontに送信できます。たとえば、看板にニースフォントが表示されている場合は、分析用のWebサイト。

1
brandstaetter