Detectar o rosto da fonte facilmente com o Fontface Ninja

Se você se deparar com uma fonte que deseja adotar para seu próprio uso, a maneira comum de descobrir informações sobre essa fonte é usar a opção Inspecionar elemento encontrada no navegador Google Chrome..

Basicamente, enquanto no Chrome, destacamos o texto e clique com o botão direito para selecionar Inspecionar elemento. Podemos então ver todo o código CSS relacionado ao texto realçado.

Há um problema, no entanto. Como você pode ver na segunda imagem, o texto destacado fica estilizado com muitos seletores. Para verificar todos eles um por um, vai levar algum tempo.

Usando o Fontface Ninja para detectar fontes

Aqui é onde Ninja Fontface vem dentro É uma extensão do navegador que ajuda você identificar uma fonte pelo nome. E tudo o que você precisa fazer é passar o mouse sobre a fonte em que está interessado. Além do nome da fonte, o Fontface Ninja também oferece Tamanho e espaçamento entre linhas também.

Outra característica do Fontface Ninja que você pode achar útil é a capacidade de ocultar fotos e anúncios para que você possa se concentrar apenas nas fontes sem interrupções. O plugin também permite que você tente uma fonte, e se você gosta de comprar ou baixar a fonte.

Instalando Ninja Fontface

Você pode baixar o Fontface Ninja para usar no navegador de sua escolha.

cromada
Safári

Usando Ninja Fontface

Uma vez instalado, um ícone de aplicativo de um ninja saltitante será mostrado perto da barra de endereços do navegador. Clique nele para ativá-lo. Agora você pode passe o mouse sobre qualquer texto em uma página da Web para obter uma dica de ferramenta mostrando informações sobre a fonte.

Para experimentar a fonte, Clique nisso, e o logotipo Ninja da FontFace se deslocará para a esquerda, dando espaço para digitar e tentando a fonte escolhida. Você também pode ajustar o tamanho da fonte.

Para ocultar todas as imagens para que você possa se concentrar apenas na tipografia, clique no mascarar opção, que é ao lado Perto. Todos os detect-font-fontface-ninja / serão escondidos da vista.

Relacionados - Live Test Fonts no seu navegador

Se você gosta de Fontface Ninja, provavelmente adoraria Font Dragr. Anteriormente, escrevemos sobre como é uma ferramenta útil para ajudar desenvolvedores como você a testar fontes ao vivo em um navegador apenas arrastando a fonte para a própria página da Web..

Confira mais sobre como você pode viver fontes de teste com o Font Dragr.