Typetester

Typetester

Clique para acessar Typetester Clique para Acessar

Compare fontes para visualização em tela com esta ferramenta JavaScript.

Por Luciano De Sampaio Soares

A escolha da fonte mais apropriada para um projeto é uma das tarefas mais importantes na vida de um designer. A adequação do desenho de cada caracter, o peso do texto, as manchas gráficas e os modos de destaque são cruciais para um trabalho bem projetado. Designers gráficos estão acostumados – por conta dessa necessidade – a lidar com catálogos que mostram alfabetos inteiros em cada página, apresentando as características de cada fonte.

O Typetester é uma ferramenta dedicada exclusivamente à comparação de fontes para visualização em tela. Facilitando o trabalho do designer ao colocar lado a lado até três opções diferentes de alfabetos, e aplicando todas as variações de peso e estilo – negrito, itálico e outras combinações dessa natureza – automaticamente, o serviço coloca os catálogos impressos de antigamente ao alcance de todos.

Ao acessar o site do Typetester você encontrará uma série de caixas e controles. Logo abaixo da marca do site, a caixa sample text permite que você escolha o texto que será usado na visualização da fonte. As abas à direita dessa região oferecem informações e links a respeito de design e tipografia. A última aba – tools - oferece inclusive o código CSS do texto colocado em cada coluna, acelerando o processo. Assim que o designer faz sua decisão, aplicá-la no seu projeto torna-se uma questão de copiar e colar o código em seu arquivo de estilo.

Colunas de seleção de fontes

Paleta de cor (color picker)No quadro verde, logo abaixo da caixa de texto de exemplo, estão as definições das colunas. São três áreas ativas que se repetem, e em cada uma delas você obtém controle total sobre a configuração da tipografia usada no texto. As duas caixas de seleção maiores permitem que você escolha fontes seguras para web, padrões do Windows ou padrões do Mac OS X na primeira, e as instaladas no seu computador na segunda. A seguir, você pode editar os parâmetros da coluna na área column settings: corpo de fonte, entrelinhas e entreletras, alinhamento e espaçamento, decorações além das cores de fonte e de fundo. Sobre as cores, além de poder inserir o código hexadecimal também é possível selecionar o tom desejado em um color picker acessado ao clicar no conta-gotas ao lado das caixas de texto de cor.

Todas as dimensões que podem ser alteradas no Typetester são expressas em em, uma unidade específica da tipografia, que corresponde ao número de pontos para determinado corpo de letra: qualquer fonte com corpo de 16 pontos tem em igual a 16 pontos.


Nossa Opinião

Nossa Opinião Acima você conferiu uma descrição completa sobre o Typetester e suas funcionalidades, saiba agora o que achamos dele

Voltado a designers gráficos e desenvolvedores web, o Typetester oferece uma série de definições de texto para facilitar a escolha da tipografia mais adequada a um projeto online. A interface é simples e qualquer pessoa que já tenha noções de tipografia no sentido “design” do termo não encontrará dificuldades em realizar seus testes e comparações. Entretanto, por basear suas medidas em em, pessoas não acostumadas com conceitos de design e as medidas para projetos visuais podem encontrar dificuldades nas comparações.

ImportantePrós
  • Oferece o CSS de cada coluna para cópia
  • Permite inserção de código hexadecimal para escolha de cores
  • Apresenta paleta de cor
ImportanteContras
  • Usar EM como unidade dificulta a utilização por amadores

Comentários (0)

Nenhuma pessoa comentou este programa, gostaria de ser o primeiro?

Requerimentos

  • Java Script

Shopping Baixaki


(0.156 segundos)