Czcionka, która jest czytelna o wysokości 5px


32

Do użycia w Photoshopie szukam czcionki, która ma dokładnie 5 pikseli wysokości, ale nadal jest czytelna. Sam próbowałem czcionek systemowych, takich jak Arial, Tahoma, Segoe UI, ale wszystko to powoduje bałagan.

wprowadź opis zdjęcia tutaj

Idealnie czcionka optymalnie wykorzysta swoją przestrzeń i sprawi, że słowa takie jak „ISDN” będą czytelne w następujący sposób: wprowadź opis zdjęcia tutaj

W szczególności musi to być 5 pikseli. Więc Który krój nadaje się do oznaczania przewodów? nie odpowiada na moje pytanie


5
czy szukałeś „czcionek pikselowych”? jest ich wiele w małych rozmiarach, możesz znaleźć taki, który odpowiada Twoim potrzebom.
Luciano

Możliwy duplikat, przynajmniej podobny: graphicdesign.stackexchange.com/q/82634/41100
PieBie

1
@PieBie to do druku, a nie „web”. Dotyczy to również wysokości 5 pikseli.
Gerlof Leuhof

1
Mówisz, że wypróbowałeś niektóre czcionki systemowe. Czy próbowałeś „Małe czcionki”?
kolrabi

2
Czy musi to być czcionka bitmapowa zawierająca tylko 2 kolory (tło i pierwszy plan)? A może używasz więcej niż 2, a tym samym anty-aliasu?
Rosie F,

Odpowiedzi:


44

Jeśli czcionka 5 x 5 pikseli sugerowana przez Cai i mayersdesign jest nadal zbyt duża, możesz wypróbować czcionkę 4 x 5 pikseli, którą stworzyłem kilka lat temu, na wyzwanie na innej stronie SE .

Oryginalna wersja zawierała tylko litery Ado Zoraz znaki .i !, ale właśnie stworzyłem rzeczywistą wersję czcionki TTF (używając internetowego edytora czcionek opartego na kafelkach ), który zawiera wszystkie drukowalne znaki ASCII. (Jednak nie ma jeszcze liter akcentowanych ani wymyślnej interpunkcji spoza ASCII, a małe litery są identyczne z dużymi).

W rzeczywistości stworzyłem dwie wersje: jedną ze zmiennymi odstępami między literami i jedną, która ma tę samą przestrzeń . Oto jak wyglądają (w rozmiarze 200%):

Czcionka CG piksel 4x5
( bezpośrednie pobieranie )

Czcionka CG piksel 4x5 mono
( bezpośrednie pobieranie )

Nie testowałem tych czcionek w Photoshopie, ale działają one dobrze w GIMP: po prostu ustaw rozmiar czcionki na (wielokrotność) 5px, a odstępy między wierszami na 1px lub więcej.

Wydałem też te czcionki do domeny publicznej (przez CC-Zero ), więc możesz robić z nimi, co chcesz. W szczególności, jeśli nie podoba ci się niektóre z dokonanych przeze mnie wyborów projektowych (np. Zero zerowe lub bezszeryfowy kapitał I) lub po prostu chcesz dodać więcej glifów, możesz sklonować czcionkę i edytować ją samodzielnie, aby pasowała Twoje potrzeby; edytor online jest dość łatwy w użyciu.


Ps. Poszedłem i popełnił kilka z jeszcze mniejszych wariantów tej czcionki:

Czcionka CG piksel 3x5
( bezpośrednie pobieranie )

Czcionka CG piksel 3 x 5 mono
( bezpośrednie pobieranie )

Przy 3x5 pikselach jest to tak mała, jak tylko może być czcionka pikselowa, i nadal pozostaje czytelna. Również nie do końca przypadkowo wygląda bardzo podobnie do każdej innej dostępnej czcionki 3 x 5 pikseli.

Nawet przy tej wielkości, niektóre z glifów (szczególnie bardziej złożone symbole interpunkcyjne podoba &, @, #i *) cierpi trochę, a niektóre twórczych rozwiązań (takich jak mikroskopijnej stylu N) są niezbędne, aby zachować wszystkie kształty odrębne. Mimo to jest mniej lub bardziej czytelny, nawet jeśli niektóre litery mogą być dwuznaczne, jeśli zostaną użyte same bez kontekstu (takie jak M, które można pomylić z an Nlub an H).

Oczywiście możesz również dowolnie dostosowywać tę czcionkę, a nawet projektować własne.


1
Nie wiem dlaczego, ale przypomina to czcionkę używaną w kalkulatorach TI-82 do TI-84 do rysowania tekstu na wykresach.
Ismael Miguel

14
@ IsmaelMiguel każda czcionka 3x5 wygląda tak.
AJMansfield

@AJMansfield Nic przeciwko, chciałem tylko to podkreślić. Ale może masz rację. Mimo to jest fajnie. Przypomina mi to czasy, kiedy spędzałem czas na programowaniu na moim TI-83, zamiast zwracać uwagę na matematykę. Wracając do tematu, nie jestem „oczekiwany” w przypadku czcionek 3x5 (lub ogólnie czcionek) i chciałem tylko to podkreślić.
Ismael Miguel

1
@ IsmaelMiguel Rzeczywiście mi to przypomina, siedząc z tyłu klasy matematyki i programując mój TI-84.
AJMansfield

1
@Michael: Oh, nie zdawałem sobie sprawy, że to zrobiło. :( Przesłałem spakowane pliki .ttf na własną stronę internetową i dodałem do nich linki powyżej.
Ilmari Karonen

32

Będziesz miał problem z większością czcionek o tak małym rozmiarze. Niektóre będą miały lepsze podpowiedzi niż inne i będą w porządku, ale jest mało prawdopodobne, aby znaleźć coś, co idealnie działa ...

To, czego naprawdę potrzebujesz, to czcionka zaprojektowana specjalnie do pracy w tym rozmiarze. Czcionki bitmapowe to czcionki zaprojektowane jako rzeczywiste obrazy rastrowe dla określonego rozmiaru; Photoshop ma obsługę czcionek bitmapowych w nowszej wersji, więc może to być opcja ... w przeciwnym razie wystarczy wyszukać „czcionki pikselowe”, aby znaleźć normalne czcionki wektorowe zaprojektowane do symulacji siatki pikseli. To był pierwszy wynik wyszukiwania „czcionki pikselowej 5px”:

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

wprowadź opis zdjęcia tutaj


24

Czcionka 5x5, która jest szczęśliwie darmowa (do użytku osobistego), została stworzona specjalnie dla wysokości czcionek 5px.

wprowadź opis zdjęcia tutaj


z akcentami! to dobrze
Luciano

3
Niestety akcenty nie mieszczą się w polu 5 x 5 pikseli. Zastanawiałem się, jak to było możliwe, ale okazuje się, że tak nie jest. :(
Ilmari Karonen

1
@Ilmari Karonen - Szczury! Chociaż przypuszczam, że to naprawdę oczywiste. Jeśli zostawiłeś piksel dla odstępów, które by pozostawiły ... cóż ... to po prostu nie działałoby haha, ale nadal bardzo mała i czytelna czcionka z akcentami!
mayersdesign

4
Możesz dodać akcenty po znaku, który akcentują. Być może widziałem to już w przeszłości, kiedy Atari ST wciąż było czymś.
John Dvorak

3
Przynajmniej na stronie, którą podlinkowałeś, czcionka jest wymieniona jako „bezpłatna do użytku osobistego ” (wyróżnienie moje), a nie po prostu darmowa - to zrobi różnicę dla niektórych osób. Z drugiej strony, te strony z czcionkami mają złe zdanie na temat zmiany warunków licencji (w obu kierunkach)
AC

13

Berkelium 1541 to konwersja TrueType proporcjonalnej czcionki pikseli używanej przez system operacyjny GEOS na Commodore 64 do oznaczania plików i innych ikon na pulpicie.

Tekst Berkelium 1541 / ISDN E18 został powiększony 4 razy w tej czcionce:

wprowadź opis zdjęcia tutaj


3

Wiem, że ten post jest trochę spóźniony, ale pomyślałem, że może to pomóc każdemu, kto akurat szuka czcionki 5 na 3 piksele. Czcionka Terminal ma naprawdę dobre wielkie litery i cyfry 5 na 3, jednak małe litery nie są wszystkie 5 na 3 piksele (pokazane z czerwoną linią na obrazie).Wielkie litery czcionek terminalu w porównaniu do małych liter


2

Wydaje się, że „małe czcionki” systemu Windows w rozmiarze 4 lub 5pt wyszły całkiem dobrze, choć być może będziesz musiał wybrać, które znaki wyglądają OK, a które nie. Jeśli rzeczywiście jest poprawnie renderowany (może być konieczne wyłączenie opcji Cleartype lub nawet użycie Farby w 1-bitowym kolorze monochromatycznym więcej), powinien wyglądać podobnie do Berkelium powyżej, co nie jest daleko od minimalnej wielkości dłoni - zestrojona twarz, której używałem (powiększony i ręcznie pikselowany lub z dużą szybkością kopiowania i wklejania) do umieszczania bardzo małego tekstu na obrazach o niskiej rozdzielczości.

W tak niewielkiej siatce 5x5 (lub 5xless) jest tak mało miejsca na przesyłanie informacji, że w niektórych przypadkach trzeba nieco kreatywnie kształtować litery, np. „E” w Berkelium (ma również interesujące małe litery „a” i „s” „kształtuje IIRC), aby każdy z nich był zarówno czytelny, jak i niepowtarzalny. Przydatne może być użycie proporcjonalnej szerokości, dzięki czemu można zaoszczędzić na pikselach z cieńszymi literami, aby wydać je na te, w których potrzebna jest dodatkowa szerokość.

Jak ktoś wskazywał powyżej, czcionka systemowa 6x6 używana w Atari ST (dla etykiet na dyskach i wielkich literach w głównym, z 8x8 lub 8x16 używanymi gdzie indziej, choć nie wyłącznie) może być również godna uwagi. Zasadniczo jest to 5 x 5 w taki sam sposób, jak inne są zasadniczo 7 x 7 i 7 x 15, ponieważ mają wbudowane pionowe i poziome odstępy dla wszystkich oprócz najgłębszych zstępujących i postaci rysujących pudełka. Zwłaszcza ISTR w literach e i a brakowało otworów w swoich pętlach, ale były one nadal rozpoznawalne (i jak pokazano, jeśli ostatecznie przerobisz je na niestandardowy krój czcionki, możesz to naprawić).

Poza tym najmniejszy, który zwykle jest używany, to 6x6 lub 6x8, z otaczającą przestrzenią lub bez niej, lub 5x7 na niektórych wyświetlaczach LCD z matrycą punktową. Trudno jest stworzyć przyzwoitą czcionkę z dowolnym charakterem, a nie czystą robotyczną funkcjonalnością z mniejszą liczbą pikseli (w rzeczywistości inne przykłady podane powyżej wydają się dość znajome, ponieważ są one identyczne lub bardzo podobne do tych, z których regularnie korzystałem na wyświetlaczach LCD telefonów komórkowych o niskiej rozdzielczości z późnych lat 90. / początku 2000). Podobne do tego, jak trudno jest tworzyć litery (a na pewno mieć wybór przed użyciem wielkich lub małych liter) z 7-segmentowymi numerycznymi wyświetlaczami LCD, a nie jest znacznie lepiej z 9 lub 11 (+) segmentem. A piksel 5x5 ma w zasadzie 25 segmentów, z wyjątkiem tego, że bardziej przypomina nieco bardziej elastyczny rodzaj 11 lub 15 segmentów. Z takim rodzajem ograniczenia tu pracujesz.

Jeśli możesz to znieść, po prostu ręcznie pikseluj piksele ... przynajmniej masz najwyższą kontrolę nad podpowiedziami / kerningiem, co, jak wspomniano przez innych, będzie prawdopodobnie Twoim największym problemem, chyba że silnik czcionek jest specjalnie dostrojony , lub może mieć ustawioną opcję dostrojenia renderowania małych czcionek opartego na pikselach, zamiast zakładania, że ​​wszystko jest wektorem o nieskończonej rozdzielczości i przyzwoitym rozmiarze. (jeśli skalujesz małą czcionkę pikselową do normalnego rozmiaru i przekształcasz pełnowymiarowy typ, aby dostosować się do jego krytycznych granic, wyglądałoby to dość dziwnie, tak samo jak próba wbicia dużej czcionki w dół do minimalnych pikseli - minimalna szczegółowość odstępów jest OGROMNY w porównaniu do rzeczywistych glifów)


2

Wysokość 5 pikseli ma krytyczne znaczenie dla czytelności i jeśli musi to być tylko jeden kolor, uzyskanie dobrego czytelnego tekstu jest prawie niemożliwe. Oznacza to, że jeśli przyjmie się limit 6 pikseli zamiast 5 pikseli, może to być znacznie lepsze, ponieważ wznoszące się i opadające potrzebują co najmniej 1 px przestrzeni, a przy 5 px jest to niemożliwe.

Zrobiłem czcionkę 5 pikseli, jest dość czytelna, ale nadal trudna do odczytania. Chociaż uważam, że jest znacznie lepiej czytelny niż wspomniana czcionka „5x5”. Nie jest to czcionka .ttf, ale jeśli znasz skrypty w Photoshopie, możesz napisać funkcję, która konwertuje ciągi znaków na tablice pikseli.

Przykład:

wprowadź opis zdjęcia tutaj

W porównaniu do „5x5” (wzięty z odpowiedzi Mayersdesign):

wprowadź opis zdjęcia tutaj

Ciekawe, że projektując małe czcionki, od razu można zauważyć niefortunne projektowanie niektórych liter, tj. Podobieństwo „e” i „c”, a właściwie całej grupy [bdpqhnu].


1

Najlepsza czcionka 3 × 5 pikseli, jaką widziałem, to „Tom Thumb” :

za

Jest to pierwszy wysoki 5px czcionki Odkryłam, że ma dobre patrząc małe litery, choć niektóre litery jak Mi N(zwłaszcza #, @, &, i ~) nie są tak czytelne jak byliby gdyby były 4 lub 5 pikseli szerokości.

Oto zmodyfikowana wersja, która nie jest używana w stałej przestrzeni, której używałem: https://fontstruct.com/fontstructions/show/1604078/tom-thumb-modified

wprowadź opis zdjęcia tutaj


Witamy w Graphic Design SE i dziękuję za odpowiedź. Proszę rozważyć odpowiedź nawet lepiej edycji ing go podsumować niektóre z zalet i wad tej czcionki, w szczególności tych, które nie są oczywiste patrząc na próbce.
Wrzlprmft
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.