Uma fonte legível com uma altura de 5 px


32

Para uso no Photoshop, estou procurando uma fonte com exatamente 5 px de altura, mas ainda legível. Eu mesmo tentei algumas fontes do sistema, como Arial, Tahoma, Segoe UI, mas tudo isso resulta em uma bagunça duvidosa.

insira a descrição da imagem aqui

Idealmente, a fonte usará seu espaço de maneira ideal e tornará palavras como 'ISDN' legíveis assim: insira a descrição da imagem aqui

Isso precisa especificamente ser 5px. Então, qual tipo de letra é adequado para a marcação de fios? não responde minha pergunta


5
você pesquisou no Google por "fontes de pixel"? existem muitos deles em tamanhos pequenos, você pode encontrar um que atenda às suas necessidades.
Luciano

Possível duplicada, pelo menos semelhante: graphicdesign.stackexchange.com/q/82634/41100
PieBie

1
@PieBie é para impressão, não para 'web'. Além disso, isso é especificamente para 5px de altura.
Gerlof Leuhof

1
Você diz que tentou algumas fontes do sistema. Você já tentou "Small Fonts"?
Kolrabi 15/05

2
Deve ser uma fonte de bitmap com apenas 2 cores (plano de fundo e primeiro plano)? Ou você pode usar mais de 2 e, portanto, anti-alias?
Rosie F,

Respostas:


44

Se a fonte de 5 x 5 pixels sugerida por Cai e mayersdesign ainda for muito grande, você pode tentar a fonte de 4 x 5 pixels que criei há alguns anos para um desafio em outro site do SE .

A versão original incluía apenas as letras e os caracteres e , mas acabei de Acriar uma versão TTF real da fonte (usando um editor de fontes on-line baseado em bloco ) que inclui todos os caracteres ASCII imprimíveis. (Ainda não existem letras acentuadas ou pontuação não ASCII sofisticada, e as letras minúsculas são idênticas às maiúsculas.)Z.!

Na verdade, eu fiz duas versões: uma com espaçamento variável entre letras e outra com espaço monoespaço . Aqui está a aparência deles (com tamanho de 200%):

Fonte CG pixel 4x5
( download direto )

Fonte mono de pixel 4x5 de CG
( download direto )

Não testei essas fontes no Photoshop, mas elas funcionam muito bem no GIMP: basta definir o tamanho da fonte para (um múltiplo de) 5px e o espaçamento entre linhas para 1px ou mais.

Além disso, liberei essas fontes para o domínio público (via CC-Zero ), para que você possa fazer o que quiser com elas. Em particular, se você não gostar de algumas das opções de design que fiz (como o zero cortado ou a letra maiúscula I) ou apenas deseja adicionar mais glifos, pode clonar a fonte e editá-la para se adequar suas necessidades; o editor online é muito fácil de usar.


Ps. Eu fui e fiz um par de ainda menores variantes deste tipo de letra:

Fonte CG pixel 3x5
( download direto )

Fonte mono de pixel 3x5 de CG
( download direto )

Em 3x5 pixels, isso é o menor tamanho que uma fonte de pixel pode obter e ainda permanece legível. Também, não por coincidência, é muito parecido com quase todas as outras fontes de 3x5 pixels disponíveis no mercado.

Mesmo neste tamanho, alguns dos glifos (especialmente os símbolos de pontuação mais complexos como &, @, #e *) sofrer um pouco, e algumas soluções criativas (como o estilo minúscula N) são necessárias para manter todas as formas distintas. Ainda assim, é mais ou menos legível, mesmo que algumas das letras sejam ambíguas se usadas sozinhas sem contexto (como a M, que pode ser confundida com uma Nou outra H).

Claro, você também pode ajustar essa fonte da maneira que quiser, ou até mesmo criar sua própria.


1
Não sei por que, mas isso se parece muito com a fonte usada nas calculadoras TI-82 a TI-84, para desenhar texto sobre gráficos.
Ismael Miguel

14
@IsmaelMiguel cada fonte 3x5 se parece com isso.
AJMansfield

@AJMansfield Nada contra, só queria salientar. Mas talvez você esteja certo. Ainda assim, é divertido. Isso me lembra os dias em que costumava passar meu tempo programando na minha TI-83, em vez de prestar atenção à matemática. Voltando ao tópico, não sou uma "expectativa" em fontes 3x5 (ou fontes em geral) e só queria salientar isso.
Ismael Miguel

1
@IsmaelMiguel De fato, isso também me lembra disso, sentado no fundo da aula de matemática e programando minha TI-84.
AJMansfield

1
@ Michael: Ah, eu não sabia que isso acontecia. :( Eu tenho carregado os arquivos .ttf zipados para o meu próprio site, e acrescentou links para eles acima.
Ilmari Karonen

32

Você terá problemas com a maioria das fontes desse tamanho pequeno. Alguns terão dicas melhores do que outros e ficarão bem, mas é improvável que você encontre algo que funcione perfeitamente ...

O que você realmente precisa é de uma fonte projetada especificamente para trabalhar com esse tamanho. Fontes de bitmap são fontes projetadas como imagens raster reais para um tamanho específico; O Photoshop tem suporte a fontes de bitmap na versão mais recente, de modo que pode ser uma opção ... caso contrário, basta procurar "fontes de pixel" para encontrar fontes vetoriais normais projetadas para simular uma grade de pixels. Este foi o primeiro resultado para uma pesquisa de "fonte de 5 pixels de pixel":

http://www.dafont.com/5x5-pixel.font

insira a descrição da imagem aqui


24

A fonte 5x5, que é totalmente gratuita (para uso pessoal), é feita especificamente para alturas de fonte de 5px.

insira a descrição da imagem aqui


com sotaques! essa é boa
Luciano

3
Infelizmente, os detalhes não se encaixam dentro da caixa de 5 x 5 pixels. Fiquei me perguntando como isso era possível, mas acontece que não é. :(
Ilmari Karonen

1
@Ilmari Karonen - Rats! Embora eu suponha que seja meio óbvio, na verdade. Se você deixasse um pixel para espaçamento que deixaria ... bem ... simplesmente não funcionaria haha, mas ainda assim uma fonte muito pequena e legível com toques!
Mayersdesign

4
Você pode adicionar acentos após o caractere que eles acentuam. Talvez eu já tenha visto isso quando o Atari ST ainda era uma coisa.
John Dvorak

3
Pelo menos no site que você vinculou, a fonte está listada como "grátis para uso pessoal " (ênfase minha) e não simplesmente gratuita - isso fará a diferença para algumas pessoas. Então, novamente, esses sites de fontes são IMHO muito ruim sobre a mudança de termos de licença (ambos os sentidos)
AC

13

O Berkelium 1541 é uma conversão TrueType da fonte de pixel proporcional usada pelo sistema operacional GEOS no Commodore 64 para rotular arquivos e outros ícones na área de trabalho.

O texto Berkelium 1541 / ISDN E18 aumentou 4 vezes nessa fonte:

insira a descrição da imagem aqui


3

Eu sei que este post está um pouco atrasado, mas eu pensei que isso poderia ajudar alguém que, por acaso, está procurando uma fonte de 5 por 3 pixels. A fonte Terminal possui números e letras maiúsculas de 5 a 3 muito bons, no entanto, as letras minúsculas não são todas de 5 por 3 pixels (mostradas com a linha vermelha na imagem).Letras maiúsculas de fonte terminal em comparação com letras minúsculas


2

As "fontes pequenas" do Windows, com tamanho de 4 ou 5 pontos, parecem sair muito bem, embora você precise escolher quais caracteres parecem bons e quais não. Se ele for renderizado corretamente (talvez seja necessário desativar o Cleartype ou até mesmo usar o Paint na cor monocromática de 1 bit mais), deve aparecer parecido com o Berkelium acima, que não está muito longe do tamanho mínimo de uma mão. rosto afinado que eu costumava usar (com zoom e pixéis à mão ou com muitas cópias e colagens em alta velocidade) para colocar texto muito pequeno em imagens de baixa resolução.

Há tão pouco espaço para transmitir informações nessa minúscula grade 5x5 (ou 5xless) que você precisa ser um pouco criativo com as formas das letras em alguns casos, como o "e" no Berkelium (também possui "a" e "s" minúsculas interessantes) "formas IIRC), para que cada uma seja legível e identificável única. E pode ser útil usar largura proporcional, para que você possa economizar pixels com letras mais finas para gastá-los naqueles em que a largura extra é necessária.

Como alguém sugeriu a passagem acima, a fonte do sistema 6x6 usada no Atari ST (para rótulos de arquivos de unidade e maiúsculas no principal, com 8x8 ou 8x16 usados ​​em outros lugares, embora não exclusivamente) também pode merecer sua atenção. É essencialmente 5x5 da mesma maneira que os outros são essencialmente 7x7 e 7x15, pois eles têm espaçamento vertical e horizontal embutido para todos, exceto os descendentes mais profundos e os caracteres de desenho de caixa. Notavelmente, os IS's e E's não tinham aberturas em seus loops, mas eles ainda eram reconhecíveis (e, como demonstrado, se você os modificar em um tipo de letra personalizado, poderá corrigi-lo).

Além disso, o menor que você tende a usar em comum é 6x6 ou 6x8, com ou sem espaço, ou 5x7 em alguns LCDs de matriz de pontos. É difícil criar uma fonte decente com qualquer tipo de caractere, em vez de pura funcionalidade robótica com menos pixels (de fato, os outros exemplos apresentados acima parecem bastante familiares, pois são idênticos ou muito semelhantes aos que eu já usei regularmente nos LCDs de celulares com baixo custo de rez no final dos anos 90 / início dos anos 2000). Semelhante a como pode ser difícil criar letras (e certamente optar por usar letras maiúsculas ou minúsculas) com LCDs numéricos de 7 segmentos, e não é muito melhor com 9 ou 11 (+) segmentos. E o pixel 5x5 é essencialmente de 25 segmentos, exceto, na verdade, é mais como um tipo um pouco mais flexível de 11 ou 15 seg. Esse é o tipo de restrição com a qual você está trabalhando aqui.

Se você aguenta, basta digitar os pixels à mão ... pelo menos você tem o controle final sobre a dica / kerning; então, o que, como mencionado por outros, provavelmente será o seu maior problema, a menos que seu mecanismo de fonte esteja especificamente ajustado para , ou pode ter uma opção definida para ajustar a renderização baseada em pixel de caracteres pequenos, em vez de assumir que tudo é um vetor de resolução infinita e um tamanho decente. (se você dimensionasse uma fonte minúscula de pixel para um tamanho normal e transformasse o tamanho normal para se adequar aos limites críticos, pareceria muito estranho, o mesmo que tentar colocar uma face grande em pixels mínimos - sua granularidade de espaçamento mínimo é ENORME versus os glifos reais)


2

A altura de 5 px é um ponto crítico para facilitar a leitura e, se também precisar ser de apenas uma cor, é quase impossível obter um bom texto legível. Isso significa que, se você pegar o limite de 6 px em vez de 5 px, pode ser significativamente melhor, porque ascendentes e descendentes precisam de pelo menos 1 px de espaço e com 5 px é impossível.

Eu criei uma fonte de 5 px, é bastante legível, mas ainda é difícil de ler. Embora eu ache significativamente melhor que a fonte "5x5" mencionada. Não é uma fonte .ttf, mas se você conhece scripts no Photoshop, pode escrever uma função que converte seqüências de caracteres em matrizes de pixels.

Exemplo:

insira a descrição da imagem aqui

Comparado com "5x5" (tomado o exemplo da resposta de Mayersdesign):

insira a descrição da imagem aqui

O que eu acho interessante ao projetar fontes pequenas, é possível notar imediatamente o design infeliz de algumas letras, ou seja, semelhança entre "e" e "c", e todo o grupo [bdpqhnu] na verdade.


1

A melhor fonte de 3 × 5 px que eu vi é "Tom Thumb" :

uma

Esta é a primeira fonte 5px alta Descobri que tem boas olhando letras minúsculas, embora algumas letras como Me N(e especialmente #, @, &, e ~) não são tão legível como seriam se fossem 4 ou 5 pixels de largura.

Aqui está a versão modificada e não monoespaçada que eu tenho usado: https://fontstruct.com/fontstructions/show/1604078/tom-thumb-modified

insira a descrição da imagem aqui


Bem-vindo ao Design Gráfico SE e obrigado pela sua resposta. Por favor, considere melhorar ainda mais sua resposta editando -a para resumir algumas das vantagens e desvantagens dessa fonte, em particular aquelas que não são óbvias ao olhar para a amostra.
Wrzlprmft
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.