Como capturar fontes dos sites?

Question

Às vezes, alguns sites têm fontes muito legais e podem até estar disponíveis gratuitamente pela Internet.

Existe uma maneira simples (talvez um aplicativo) que pode ser usada para descobrir qual fonte o site está usando?

    

Answer 1

Fontes de texto

Você pode visualizar a origem da página e depois procurar a folha de estilo. Isso estaria nos arquivos terminados em .css

Então, para algo como Superusuário, você olharia o código-fonte e veria isso (não se preocupe com o bit após o ponto de interrogação (?)):

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

Depois faça uma busca por dentro procurando algo como isto:

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

Isso mostrará o que o site usar como padrão para o texto. Se você tiver uma fonte correspondente daquela lista no seu computador, ela será exibida. Caso contrário, apenas continuaria até atingir algo.

Fontes em imagens

Para texto usado em gráficos, você pode usar algo como What The Font! e usar a máquina de adivinhação para identificar qual fonte o site poderia ter usado.

    

Answer 2

Na sequência da resposta de é_ho, se What The Font falhar, pode utilizar a interface Q & A em fonts.com para identificar uma fonte com base na aparência. Isso questiona você sobre aspectos da fonte geral (como serif / sans-serif, itálico etc.) e sobre as propriedades de letras individuais (como "Quantos terminais o topo da caixa alta 'W' tem?" ) para filtrar as fontes apenas para aqueles que possuem as características desejadas.

O

link é um excelente recurso para fontes gratuitas ou semelhantes quando você encontra algo de que gosta.

    

Answer 3

Para descobrir qual é a fonte preferida de acordo com o CSS, veja o excelente complemento Firebug para o Firefox ou o Web Inspector integrado no Safari. (Consulte Utilitário para determinar a fonte usada em um site? )

Como existem apenas algumas fontes disponíveis na maioria dos computadores, alguns sites usam < href="http://www.dezinerfolio.com/2009/03/31/dynamic-font-replacement-solutions"> imagens geradas dinamicamente para substituir o texto real. No entanto, nem todos os contratos de licença de fonte permitem o uso de fontes em um site, enquanto os contratos de licença pessoal permitem o uso somente em sites específicos. É por isso que, por exemplo, o cufón garante que a fonte seja usada apenas no site para o qual a peça foi projetada. Não é possível usar essas fontes em outros domínios.

De acordo com o cufón :

See Fonts and the Law at fontembedding.com for more information. Fonts produced by the following foundries/vendors/creators are known to be safe: Adobe Systems. The following are known to require separate or extended licenses for Web Embedding: Berthold (separate), FontFont (separate), Fontsmith (separate), Hoefler & Frere-Jones (separate), ITC (separate), Linotype (extended).

    

Answer 4

Existe um aplicativo para iPhone disponível para WhatTheFont, que permite tirar instantâneos de um pedaço do thext e enviá-lo para o What The Font! site para análise, se você ver uma bela fonte em um outdoor, por exemplo.

    

Answer 5

A extensão WhatFont do Chrome é uma boa ferramenta para identificar fontes, se elas estiverem em o formato de texto.