Eine Schrift, die mit einer Höhe von 5px lesbar ist


32

Für die Verwendung in Photoshop bin ich auf der Suche nach einer Schrift, die genau 5 Pixel hoch, aber noch lesbar ist. Ich habe selbst einige Systemschriftarten wie Arial, Tahoma, Segoe UI ausprobiert, aber das alles führt zu einem wilden Durcheinander.

Bildbeschreibung hier eingeben

Im Idealfall nutzt die Schrift ihren Platz optimal aus und macht Wörter wie "ISDN" so lesbar: Bildbeschreibung hier eingeben

Dies muss speziell 5px sein. So Welche Schrift ist für die Kennzeichnung von Drähten geeignet? beantwortet meine Frage nicht


5
Haben Sie nach "Pixel-Schriften" gegoogelt? Es gibt viele davon in kleinen Größen. Vielleicht finden Sie eine, die Ihren Bedürfnissen entspricht.
Luciano

Mögliches Duplikat, zumindest ähnlich: graphicdesign.stackexchange.com/q/82634/41100
PieBie

1
@ PieBie das ist für Print nicht "Web". Auch dies ist speziell für 5px Höhe.
Gerlof Leuhof

1
Sie sagen, Sie haben einige Systemschriften ausprobiert. Haben Sie "Small Fonts" ausprobiert?
Kolrabi

2
Muss es eine Bitmap-Schrift mit nur 2 Farben (Hintergrund und Vordergrund) sein? Oder dürfen Sie mehr als 2 und damit Anti-Alias ​​verwenden?
Rosie F

Antworten:


44

Wenn die von Cai und mayersdesign vorgeschlagene 5x5-Pixel-Schriftart immer noch zu groß ist, können Sie die vor einigen Jahren erstellte 4x5-Pixel-Schriftart auf einer anderen SE-Site ausprobieren .

Die ursprüngliche Version enthielt nur die Buchstaben Aauf Zund die .und !Zeichen, aber ich nur eine tatsächliche TTF Version der Schriftart (unter Verwendung von aus einem Online - Kachel-basierten Font - Editor ) , die alle druckbaren ASCII Zeichen enthalten. (Noch keine akzentuierten Buchstaben oder ausgefallenen Nicht-ASCII-Interpunktionen, und die Kleinbuchstaben stimmen mit den Großbuchstaben überein.)

Tatsächlich habe ich zwei Versionen erstellt: eine mit variablem Buchstabenabstand und eine mit Monospace . So sehen sie aus (bei 200% Größe):

CG Pixel 4x5 Schriftart
( direkter Download )

CG Pixel 4x5 Mono-Schrift
( direkter Download )

Ich habe diese Schriftarten in Photoshop nicht getestet, aber sie funktionieren in GIMP einwandfrei: Stellen Sie die Schriftgröße einfach auf (ein Vielfaches von) 5 Pixel und den Zeilenabstand auf 1 Pixel oder mehr ein.

Außerdem habe ich diese Schriftarten öffentlich zugänglich gemacht (über CC-Zero ), sodass Sie damit machen können, was Sie wollen. Insbesondere, wenn Ihnen einige der von mir getroffenen Designentscheidungen (z. B. die durchgestrichene Null oder das serifenlose Kapital I) nicht gefallen oder Sie einfach mehr Glyphen hinzufügen möchten, können Sie die Schriftart klonen und selbst bearbeiten Deine Bedürfnisse; Der Online-Editor ist ziemlich einfach zu bedienen.


Ps. Ich ging hin und machte ein paar von noch kleineren Varianten dieser Schrift:

CG Pixel 3x5 Schriftart
( direkter Download )

CG Pixel 3x5 Mono-Schrift
( direkter Download )

Bei 3x5 Pixeln ist dies ungefähr so ​​klein, wie es eine Pixelschrift kann und trotzdem lesbar bleibt. Es ist auch kein Zufall, dass es fast jeder anderen 3x5-Pixel-Schrift ähnelt.

Auch in dieser Größe, einige der Glyphen (vor allem der komplexeren Satzzeichen wie &, @, #und *) ein wenig leiden, und einigen kreativen Lösungen (wie der Minuskel-Stil N) sind notwendig , alle die Formen verschieden zu halten. Trotzdem ist es mehr oder weniger lesbar, auch wenn einige der Buchstaben möglicherweise mehrdeutig sind, wenn sie für sich allein ohne Kontext verwendet werden (z. B. die Buchstaben M, die mit ein Noder ein verwechselt werden könnten H).

Natürlich können Sie diese Schriftart auch beliebig anpassen oder sogar selbst gestalten.


1
Ich weiß nicht warum, aber das ähnelt stark der Schriftart, die in den Taschenrechnern TI-82 bis TI-84 zum Zeichnen von Text über Grafiken verwendet wird.
Ismael Miguel

14
@IsmaelMiguel jede 3x5 Schriftart sieht so aus.
AJMansfield

@AJMansfield Nichts dagegen, wollte nur darauf hinweisen. Aber vielleicht hast du recht. Trotzdem macht es Spaß. Es erinnert mich an die Tage, an denen ich meine Zeit mit Programmieren auf meinem TI-83 verbracht habe, anstatt auf Mathematik zu achten. Zurück zum Thema, ich bin kein "Expect" in 3x5-Schriften (oder Schriften im Allgemeinen) und wollte nur darauf hinweisen.
Ismael Miguel

1
@IsmaelMiguel Es erinnert mich in der Tat auch daran, als ich hinten im Mathekurs saß und meinen TI-84 programmierte.
AJMansfield

1
@Michael: Oh, ich wusste nicht, dass es das tat. :( Ich habe die gezippten .ttf-Dateien auf meine eigene Website hochgeladen und oben Links zu ihnen hinzugefügt.
Ilmari Karonen

32

Bei den meisten kleinen Schriftarten treten Probleme auf. Einige haben bessere Andeutungen als andere und sind in Ordnung, aber es ist unwahrscheinlich, dass Sie etwas finden, das perfekt funktioniert ...

Was Sie wirklich brauchen, ist eine Schriftart, die speziell für diese Größe entwickelt wurde. Bitmap-Schriftarten sind Schriftarten, die als tatsächliche Rasterbilder für eine bestimmte Größe entworfen wurden. Photoshop unterstützt Bitmap-Schriftarten in neueren Versionen, sodass dies möglicherweise eine Option ist. Andernfalls müssen Sie nur nach "Pixel-Schriftarten" suchen, um normale Vektor-Schriftarten zu finden, mit denen ein Pixel-Raster simuliert werden soll. Dies war das erste Ergebnis für eine Suche nach "5px pixel font":

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

Bildbeschreibung hier eingeben


24

Die Schrift 5x5, die gerne kostenlos ist (für den persönlichen Gebrauch), wurde speziell für 5px-Schrifthöhen entwickelt.

Bildbeschreibung hier eingeben


mit akzenten! das ist eine gute Sache
Luciano

3
Leider passen die Akzente nicht in die 5x5 Pixel Box. Ich habe mich gefragt, wie das möglich ist, aber es stellt sich heraus, dass dies nicht der Fall ist. :(
Ilmari Karonen

1
@Ilmari Karonen - Ratten! Obwohl ich nehme an, dass es ziemlich offensichtlich ist. Wenn Sie ein Pixel für den Abstand belassen würden, würde das ... naja ... einfach nicht funktionieren, haha, aber dennoch eine sehr kleine und lesbare Schriftart mit Akzenten!
mayersdesign

4
Sie können nach dem Zeichen, das sie betonen , Akzente einfügen. Ich habe es vielleicht schon gesehen, als Atari ST noch eine Sache war.
John Dvorak

3
Zumindest auf der Website, die Sie verlinkt haben, ist die Schriftart als "frei für den persönlichen Gebrauch" (Schwerpunkt meiner) und nicht nur als "frei" aufgeführt - das wird für einige Leute einen Unterschied bedeuten. Andererseits sind diese Fontseiten meiner Meinung nach ziemlich schlecht, wenn es darum geht, die Lizenzbedingungen (in beide Richtungen) zu ändern
AC

13

Berkelium 1541 ist eine TrueType-Konvertierung der proportionalen Pixelschrift, die vom GEOS-Betriebssystem auf dem Commodore 64 verwendet wird, um Dateien und andere Symbole auf dem Desktop zu kennzeichnen.

Der Text Berkelium 1541 / ISDN E18 wurde in dieser Schriftart viermal vergrößert:

Bildbeschreibung hier eingeben


3

Ich weiß, dass dieser Beitrag etwas spät ist, aber ich dachte nur, dass dies jedem helfen könnte, der zufällig nach einer 5 mal 3 Pixel großen Schrift sucht. Die Terminal-Schriftart hat wirklich gute 5 x 3-Großbuchstaben und -Zahlen, die Kleinbuchstaben sind jedoch nicht alle 5 x 3 Pixel (mit der roten Linie im Bild dargestellt).Terminalschrift Großbuchstaben im Vergleich zu Kleinbuchstaben


2

Windows-eigene "kleine Schriftarten" mit einer Größe von 4 oder 5 pt scheinen recht gut herauszukommen, obwohl Sie möglicherweise auswählen müssen, welche Zeichen in Ordnung aussehen und welche nicht. Wenn es tatsächlich richtig gerendert wird (Sie müssen Cleartype möglicherweise deaktivieren oder Paint in 1-Bit-Monochromfarbe verwenden), sollte es ein bisschen wie Berkelium oben aussehen, was nicht weit von einer Hand mit minimaler Größe entfernt ist. Optimiertes Gesicht, das ich verwendet habe (entweder gezoomt und von Hand gepixelt oder mit viel Hochgeschwindigkeits-Kopieren und Einfügen), um sehr kleinen Text auf Bilder mit niedriger Auflösung zu setzen.

In diesem winzigen 5x5-Raster (oder 5xless-Raster) ist so wenig Platz für die Übermittlung von Informationen, dass Sie mit Buchstabenformen in einigen Fällen, wie dem "e" in Berkelium, ein wenig kreativ werden müssen (es hat auch interessante Kleinbuchstaben "a" und "s") "formt IIRC), damit jedes lesbar und identifizierbar ist. Und es kann durchaus sinnvoll sein, eine proportionale Breite zu verwenden, sodass Sie Pixel mit dünneren Buchstaben einsparen können, um sie für diejenigen auszugeben, für die eine zusätzliche Breite erforderlich ist.

Wie oben bereits angedeutet, ist möglicherweise auch die auf dem Atari ST verwendete 6x6-Systemschrift (für Laufwerks- und Großbuchstabenbeschriftungen, wobei 8x8 oder 8x16 an anderer Stelle verwendet werden, jedoch nicht ausschließlich) Ihre Aufmerksamkeit wert. Es ist im Wesentlichen 5x5, genauso wie die anderen im Wesentlichen 7x7 und 7x15 sind, da sie vertikale und horizontale Abstände haben, die für alle außer den tiefsten Unterläufen und Box-Zeichen eingebaut sind. Insbesondere fehlten bei ISTR den e und a Öffnungen in ihren Schleifen, aber sie waren immer noch erkennbar (und wie gezeigt, können Sie dies beheben, wenn Sie sie in eine benutzerdefinierte Schriftart ändern).

Ansonsten ist die kleinste, die Sie normalerweise verwenden, 6x6 oder 6x8 mit oder ohne umgebenden Raum oder 5x7 bei einigen Punktmatrix-LCDs. Es ist schwierig, eine anständige Schriftart mit einer bestimmten Art von Zeichen zu erstellen, anstatt eine reine Roboterfunktionalität mit weniger Pixeln (in der Tat fühlen sich die anderen oben aufgeführten Beispiele eher vertraut an, da sie entweder identisch oder sehr ähnlich zu denen sind, die ich regelmäßig verwendet habe auf Low-Rez-LCDs von Mobiltelefonen in den späten 90ern / frühen 2000ern). Ähnlich wie es bei numerischen 7-Segment-LCDs schwierig sein kann, Buchstaben zu schreiben (und mit Sicherheit die Wahl zwischen Groß- und Kleinschreibung zu haben), ist es bei 9- oder 11-Segmenten (+) nicht viel besser. Und 5x5 Pixel sind im Wesentlichen 25 Segmente, außer dass es sich tatsächlich eher um eine etwas flexiblere Art von 11 oder 15 Seg handelt. Das ist die Art von Einschränkung, mit der Sie hier arbeiten.

Wenn Sie es aushalten können, stecken Sie die Pixel einfach mit der Hand ein ... zumindest haben Sie die ultimative Kontrolle über das Hinweisen / Kerning, was, wie von anderen erwähnt, wahrscheinlich Ihr größtes Problem sein wird, es sei denn, Ihre Font-Engine ist speziell darauf abgestimmt , oder Sie können eine Option festlegen, um das pixelbasierte Rendern kleiner Schriften zu optimieren, anstatt davon auszugehen, dass alles ein Vektor mit unendlicher Auflösung und einer anständigen Größe ist. (Wenn Sie eine winzige Pixelschrift auf eine normale Größe skalieren und den Typ in voller Größe ändern, um ihn an die kritischen Grenzen anzupassen, sieht das ziemlich seltsam aus, genauso wie wenn Sie versuchen, eine große Fläche auf minimale Pixel zu beschränken - Ihre minimale Granularität der Abstände ist ENORMOUS gegen die tatsächlichen Glyphen)


2

Die Höhe von 5 Pixel ist ein kritischer Punkt für die Lesbarkeit und wenn es auch nur eine Farbe sein muss, ist es nahezu unmöglich, einen gut lesbaren Text zu erhalten. Das heißt, wenn man das Limit von 6 px anstelle von 5 px annimmt , kann es deutlich besser sein, da Auf- und Abwärtsbewegungen mindestens 1 px Platz benötigen und mit 5 px nicht möglich sind.

Ich habe eine 5 px-Schrift erstellt, die gut lesbar, aber immer noch schwer zu lesen ist. Obwohl ich es deutlich besser lesbar finde als die erwähnte "5x5" Schriftart. Es ist keine .ttf-Schriftart, aber wenn Sie mit Skripten in Photoshop vertraut sind, können Sie eine Funktion schreiben, die Zeichenfolgen in Pixel-Arrays konvertiert.

Beispiel:

Bildbeschreibung hier eingeben

Im Vergleich zu "5x5" (Beispiel aus der Antwort von Mayersdesign):

Bildbeschreibung hier eingeben

Was ich beim Entwerfen kleiner Schriften interessant finde, kann man sofort bemerken, dass einige Buchstaben unglücklich gestaltet sind, dh die Ähnlichkeit von "e" und "c" und tatsächlich die gesamte [bdpqhnu] -Gruppe.


1

Die beste 3 × 5 px-Schriftart, die ich gesehen habe, ist „Tom Thumb“ :

ein

Dies ist die erste 5px hohe Schrift die ich gefunden habe , die gut aussehende Kleinbuchstaben hat, obwohl einige Buchstaben wie Mund N(und vor allem #, @, &, und ~) sind nicht so lesbar wie sie wäre, wenn sie 4 oder 5 Pixel breit.

Hier ist die modifizierte, nicht monospaced Version, die ich verwendet habe: https://fontstruct.com/fontstructions/show/1604078/tom-thumb-modified

Bildbeschreibung hier eingeben


Willkommen bei Graphic Design SE und vielen Dank für Ihre Antwort. Bitte überlegen Sie, Ihre Antwort noch besser zu machen, indem Sie sie bearbeiten , um einige der Vor- und Nachteile dieser Schriftart zusammenzufassen, insbesondere diejenigen, die sich aus dem Beispiel nicht ergeben.
Wrzlprmft
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.