Para usar en Photoshop, estoy buscando una fuente que tenga exactamente 5 px de altura pero que sea legible. Probé algunas fuentes del sistema, como Arial, Tahoma, Segoe UI, pero todo resulta en un desorden pixelado.
Idealmente, la fuente utilizará su espacio de manera óptima y hará que palabras como 'ISDN' sean legibles de esta manera:
Esto específicamente necesita ser 5px. Entonces, ¿qué tipo de letra es adecuada para marcar cables? no responde mi pregunta
fonts
font-recommendation
pixelation
Gerlof Leuhof
fuente
fuente
Respuestas:
Si la fuente de 5x5 píxeles sugerida por Cai y mayersdesign sigue siendo demasiado grande, puede probar la fuente de 4x5 píxeles que hice hace unos años para un desafío en otro sitio de SE .
La versión original incluía sólo las letras
A
aZ
y las.
y los!
personajes, pero me acaba de hacer una versión TTF real de la fuente (usando un editor de fuentes basada en baldosas en línea ) que incluye todos los caracteres ASCII imprimibles. (Sin embargo, todavía no hay letras acentuadas ni signos de puntuación elegantes que no sean ASCII, y las letras minúsculas son idénticas a las mayúsculas).De hecho, hice dos versiones: una con espaciado de letras variable y otra que es monoespacio . Así es como se ven (con un tamaño del 200%):
( descarga directa )
( descarga directa )
No he probado estas fuentes en Photoshop, pero funcionan bien en GIMP: solo configure el tamaño de fuente en (un múltiplo de) 5px, y el espacio entre líneas en 1px o más.
Además, he lanzado estas fuentes al dominio público (a través de CC-Zero ), para que pueda hacer lo que quiera con ellas. En particular, si no le gustan algunas de las elecciones de diseño que hice (como el cero inclinado o la letra mayúscula sin serifas I) o simplemente desea agregar más glifos, puede clonar la fuente y editarla usted mismo tus necesidades; El editor en línea es bastante fácil de usar.
PD. Fui e hice un par de variantes aún más pequeñas de esta fuente:
( descarga directa )
( descarga directa )
Con 3x5 píxeles, esto es casi tan pequeño como puede llegar a ser una fuente de píxeles y sigue siendo legible. También, no por casualidad, se ve muy similar a casi cualquier otra fuente de 3x5 píxeles.
Incluso en este tamaño, algunos de los glifos (especialmente los signos de puntuación más complejos como
&
,@
,#
y*
) sufrir un poco, y algunas soluciones creativas (como el estilo minúsculaN
) son necesarios para mantener todas las formas distintas. Aún así, es más o menos legible, incluso si algunas de las letras pueden ser ambiguas si se usan solas sin contexto (como elM
, que podría confundirse con unaN
o unaH
).Por supuesto, también puede modificar esta fuente de la forma que desee, o incluso diseñar la suya propia.
fuente
Tendrá problemas con la mayoría de las fuentes en un tamaño tan pequeño. Algunos tendrán mejores pistas que otros y estarán bien, pero es poco probable que encuentres algo que funcione perfectamente ...
Lo que realmente necesita es una fuente diseñada específicamente para trabajar en ese tamaño. Las fuentes de mapa de bits son fuentes diseñadas como imágenes ráster reales para un tamaño específico; Photoshop es compatible con fuentes de mapa de bits en la versión más reciente, por lo que puede ser una opción ... de lo contrario, solo busque "fuentes de píxeles" para encontrar fuentes de vectores normales que estén diseñadas para simular una cuadrícula de píxeles. Este fue el primer resultado para una búsqueda de "fuente de píxeles de 5px":
http://www.dafont.com/5x5-pixel.font
fuente
La fuente 5x5, que es felizmente gratis (para uso personal), está hecha específicamente para alturas de fuente de 5px.
fuente
Berkelium 1541 es una conversión TrueType de la fuente de píxeles proporcionales utilizada por el sistema operativo GEOS en el Commodore 64 para etiquetar archivos y otros íconos en el escritorio.
El texto Berkelium 1541 / ISDN E18 se amplió 4 veces en esa fuente:
fuente
Sé que esta publicación es un poco tarde, pero pensé que esto podría ayudar a cualquiera que esté buscando una fuente de 5 por 3 píxeles. La fuente Terminal tiene realmente letras mayúsculas y números de 5 por 3, sin embargo, las letras minúsculas no son todas de 5 por 3 píxeles (se muestra con la línea roja en la imagen).
fuente
Las "fuentes pequeñas" de Windows con un tamaño de 4 o 5 puntos parecen salir bastante bien, aunque es posible que tenga que elegir qué caracteres se ven bien y cuáles no. Si realmente se procesa correctamente (es posible que tenga que desactivar Cleartype, o incluso usar Paint en color monocromático de 1 bit más), entonces debería verse un poco como Berkelium arriba, que no está muy lejos de una mano de tamaño mínimo. cara sintonizada que solía usar (ya sea con zoom y pixelado a mano, o con muchas copias y pegados a alta velocidad) para colocar texto muy pequeño en imágenes de baja resolución.
Hay tan poco espacio para transmitir información en esa cuadrícula pequeña de 5x5 (o 5xless) que, en algunos casos, debe ser un poco creativo con formas de letras, como la "e" en Berkelium (también tiene interesantes "a" y "s" en minúsculas) "forma IIRC), para que cada uno sea legible e identificable único. Y puede ser útil usar un ancho proporcional, de modo que puede guardar en píxeles con letras más delgadas para gastarlos en aquellos donde es necesario un ancho adicional.
Como alguien insinuó al pasar arriba, la fuente del sistema 6x6 utilizada en el Atari ST (para etiquetas de unidad y archivos en mayúscula en la principal, con 8x8 u 8x16 utilizados en otros lugares, aunque no exclusivamente) también puede valer su atención. Es esencialmente 5x5 de la misma manera que los otros son esencialmente 7x7 y 7x15, ya que tienen un espacio vertical y horizontal incorporado para todos menos los descendientes más profundos y los personajes de dibujo de caja. Notablemente, ISTR, las e's y a's carecían de aberturas en sus bucles, pero aún eran reconocibles (y como se demostró, si terminas modificándolas en un tipo de letra personalizado, puedes arreglar eso).
Aparte de eso, el más pequeño que suele tener en uso común es 6x6 o 6x8, con o sin espacio circundante, o 5x7 en algunos LCD de matriz de puntos. Es difícil hacer una fuente decente con cualquier tipo de carácter en lugar de una funcionalidad robótica pura con menos píxeles (de hecho, los otros ejemplos anteriores se sienten bastante familiares, ya que son idénticos o muy similares a los que he visto usar regularmente) en pantallas LCD de teléfonos móviles de baja resolución a finales de los 90 / principios de los 2000). Similar a cómo puede ser difícil hacer letras (y ciertamente tener la opción de usar mayúsculas o minúsculas) con pantallas LCD numéricas de 7 segmentos, y no es mucho mejor con 9 u 11 (+) segmentos. Y 5x5 píxeles son esencialmente 25 segmentos, excepto que en realidad es más como un tipo un poco más flexible de 11 o 15 seg. Ese es el tipo de restricción con la que estás trabajando aquí.
Si puede soportarlo, simplemente coloque los píxeles a mano ... al menos tiene el máximo control sobre las sugerencias / interletraje, lo que, como lo mencionaron otros, probablemente será su mayor problema a menos que su motor de fuentes esté específicamente ajustado para , o puede tener una opción configurada para ajustar la representación basada en píxeles de tipos de letra pequeños, en lugar de suponer que todo es un vector de resolución infinita y de un tamaño decente. (si escalara una fuente de píxel diminuto a un tamaño normal y transformara el tipo de tamaño completo para ajustarse a sus límites críticos, sería bastante extraño, lo mismo que tratar de agrupar una gran cara hacia abajo a píxeles mínimos: su granularidad de espaciado mínimo es ENORME frente a los glifos reales)
fuente
La altura de 5 px es un punto crítico para la legibilidad y si también debe ser de un solo color, es casi imposible obtener un buen texto legible. Eso significa que si uno toma el límite de 6 px en lugar de 5 px, puede ser significativamente mejor, porque los ascendentes y los descendientes necesitan al menos 1 px de espacio y con 5 px es imposible.
He hecho una fuente de 5 px, es bastante legible pero aún difícil de leer. Aunque me parece significativamente mejor legible que la fuente mencionada "5x5". No es una fuente .ttf, pero si conoce las secuencias de comandos en Photoshop, podría escribir una función que convierta las cadenas en matrices de píxeles.
Ejemplo:
En comparación con "5x5" (tomado el ejemplo de la respuesta de Mayersdesign):
Lo que encuentro interesante al diseñar fuentes pequeñas, se puede notar inmediatamente el diseño desafortunado de algunas letras, es decir, la similitud de "e" y "c", y todo el grupo [bdpqhnu] en realidad.
fuente
La mejor fuente de 3 × 5 px que he visto es "Tom Thumb" :
Esta es la primera fuente de alta 5px he encontrado que tiene buen aspecto letras minúsculas, aunque algunas letras como
M
yN
(y, sobre todo#
,@
,&
, y~
) no son tan legible como lo serían si fueran 4 o 5 píxeles de ancho.Aquí está la versión modificada, no monoespaciada que he estado usando: https://fontstruct.com/fontstructions/show/1604078/tom-thumb-modified
fuente