Página de teste de fonte
Lançamentos estáveis disponíveis para uso em http://www.impallari.com/testing
A página de teste de fonte é uma ferramenta destinada principalmente a designers de tipo para 'arrastar e soltar' e testar rapidamente suas fontes em um navegador. Também pode ser usado por diretores de tipo e arte, designers gráficos, professores e alunos interessados em ver como um tipo de letra funciona na web.
Há um pequeno vídeo demonstrando esta ferramenta, http://vimeo.com/40296571
A operação é simples:
- Arraste a fonte que você deseja tentar para a área superior da página de teste
- Adicione mais fontes e você verá seus nomes e tamanhos de arquivos como botões
Abaixo da área de gota, você vê alguns botões para selecionar diferentes layouts:
- Manchetes: exibe exemplos: 72, 60, 48, 36 e 30 a 12.
- Texto: exibe blocos de texto, de 20 a 10.
- Adesão: mostra exemplos usando apenas texto de 'adesão'. Destinado aos estágios iniciais em um design de letra.
- Exemplos de Hamburgefonstiv usando o texto 'Hamburgefonstiv'.
- Somente minúsculo: exibe exemplos de 72, 60, 48, 36, 30, 24, 18 e 16 a 10.
- Caps: exibe exemplos de palavras no caso de frase em 60.
- Todas as tampas: exibe exemplos de palavras em todas as capas em 60.
- Layout: exibe exemplos de manchete, subtítulo e texto do corpo.
- Kern: exibe exemplos de combinações de letras e sinais diversos.
- Latim: diacríticos para 103 idiomas latinos, pangramas e amostras de texto.
- E muitos mais ...
Notas:
- Requer firefox ou cromo
- 100% seguro: suas fontes são armazenadas apenas em seu próprio navegador (usando
localStorage ) e nada é carregado em qualquer servidor
Dicas secretas para a ferramenta "Texto do filtro":
- Ao trabalhar em fontes de texto: defina o tamanho para 18px ou menor, e você obterá blocos agradáveis em todos os tamanhos de texto ao mesmo tempo.
- Ao trabalhar em fontes de exibição: defina o tamanho para 200 e você obtém uma pequena cascata, defina -a como 300px e você obterá uma cascata completa (ótima para decidir sobre o espaçamento/ajuste da sua fonte).
Desenvolvedores:
Para baixar a versão mais recente e usá -la localmente:
git clone https://github.com/impallari/Font-Testing-Page.git;
cd Font-Testing-Page;
php -S 127.0.0.1:8080
Em seguida, visite http://127.0.0.1:8080 para ver sua versão local da ferramenta.
Obrigado:
- Inspirado no playground OpenTyPy de Jonathan Kew feito para Mozilla e Fontdrag
- Iniciado por Dave Crossland
- Desenvolvido por Pablo Impallari
- Desenhado por Pablo Cosgaya
- String Kerning de James Montalbano
- Conteúdo do Kern King Tab em http://logofontandlettering.com/kernking.html
- Pangramas da Wikipedia
- Pangramas armênios por Hrant Papazian
- Línguas latinas Textos de Eduardo Tunni
- Guias de diacríticas latin02 do contexto de diacrítica
- Versão cirílica de Alexei Vanyashin
- A maioria de Devanagari de Girish Dalvi, Ek Type e Pooja Saxena
- Palavras de Devanagari Dictionary de http://sanskritdocuments.org/hindi/dict/eng-hin_unic.html (graças a Andres Torresi e Juan Pablo del Peral)
- Versão tâmil de Tharique Azeez, o texto é do blog Niram
- Versão de Kannada de Erin McLaughlin, amostra de textos do Adesionxt Kannada de Miguel Sousa e o jornal Kannada Prahba
- Versão Telugu de Appaji Ambarisha Darbha
- Versão hebraica de Meir sadan
- Versão malaia de Santhosh Thottingal
- E muitas outras pessoas que ajudaram de uma maneira ou de outra (se eu esqueci de incluir seu nome, me avise e eu o adicionarei).
Licença:
O código está disponível sob a licença do MIT, consulte License.md para obter detalhes completos
O texto da página está disponível sob a licença Creative Commons Attribution-Sharealike v3.0
