Шрифт, який читається висотою 5 пікселів


32

Для використання у Photoshop я шукаю шрифт висотою рівно 5 пікс., Але все ще читабельним. Я спробував кілька системних шрифтів, таких як Arial, Tahoma, Segoe UI, але все це призводить до пікселі.

введіть тут опис зображення

В ідеалі шрифт оптимально використовувати їх простір і зробить такі слова, як "ISDN", читабельні так: введіть тут опис зображення

Це спеціально має бути 5 пікселів. Отже, який шрифт підходить для маркування проводів? не відповідає на моє запитання


5
Ви гуглили для "піксельних шрифтів"? їх багато в невеликих розмірах, ви можете знайти такий, який відповідає вашим потребам.
Лучано

Можливий дублікат, принаймні подібний: graphicsdesign.stackexchange.com/q/82634/41100
PieBie

1
@PieBie для друку, а не "веб". Також це спеціально для висоти 5 пікселів.
Герлоф Лейхоф

1
Ви кажете, що ви спробували деякі системні шрифти. Ви пробували "Маленькі шрифти"?
колрабі

2
Чи повинен це бути шрифт растрових зображень із лише двома кольорами (фон та передній план)? Або ви можете використовувати більше 2, і, таким чином, анти-псевдонім?
Rosie F

Відповіді:


44

Якщо шрифт 5x5 пікселів, запропонований Cai та mayersdesign, все ще занадто великий, ви можете спробувати шрифт 4x5 пікселів, який я зробив кілька років тому, для виклику на іншому веб-сайті SE .

Оригінальна версія включала лише букви Aдо Zта символів .та !символів, але я лише створив фактичну версію шрифту TTF (використовуючи онлайн-редактор шрифтів на основі плитки ), що включає всі друковані символи ASCII. (Немає жодних букв із наголосом чи химерних розділових знаків, що не належать до ASCII, і малі літери ідентичні великим літерам.)

Насправді я створив дві версії: одну із змінним інтервалом літер та одну, яка є простою . Ось як вони виглядають (у розмірі 200%):

Шрифт пікселя CG 4х5
( пряме завантаження )

CG піксель 4х5 моно шрифт
( пряме завантаження )

Я не перевіряв ці шрифти у Photoshop, але вони добре працюють у GIMP: просто встановіть розмір шрифту (кратний) 5 пікселів, а інтервал між рядками - 1 пікс.

Крім того, я випустив ці шрифти у загальнодоступне надбання (через CC-Zero ), тож ви можете робити з ними все, що завгодно. Зокрема, якщо вам не подобаються деякі з варіантів дизайну, які я зробив (на зразок зменшеного нуля або безсерійного капіталу I) або просто хочете додати більше гліфів, ви можете клонувати шрифт і редагувати його самостійно ваші потреби; Інтернет-редактор досить простий у використанні.


Пс. Я пішов і зробив пару з ще менших варіантів цього шрифту:

Шрифт пікселя 3x5 пікселів CG
( пряме завантаження )

CG піксель 3x5 моно шрифту
( пряме завантаження )

У 3x5 пікселів це приблизно так мало, як може отримати шрифт пікселя і залишається розбірливим. Це також, не зовсім випадково, дуже схоже на майже кожен інший шрифт 3x5 пікселів.

Навіть при такому розмірі, деякі з гліфів (особливо більш складні знаки пунктуації подобається &, @, #і *) страждає трохи, і деякі творчі рішення (як мізер стилі N) необхідні , щоб зберегти всі форми різні. Тим не менш, це більш-менш читабельно, навіть якщо деякі букви можуть бути неоднозначними, якщо вони використовуються самостійно без контексту (наприклад, те M, що може бути помилково прийнято за Nабо H).

Звичайно, ви також можете налаштувати цей шрифт будь-яким способом, який вам подобається, або навіть створити свій власний.


1
Я не знаю, чому, але це дуже схоже на шрифт, який використовується на калькуляторах TI-82 до TI-84, щоб намалювати текст над графіками.
Ісмаїл Мігель

14
@IsmaelMiguel кожен шрифт 3x5 виглядає так.
AJMansfield

@AJMansfield Нічого проти, просто хотів це зазначити. Але, можливо, ти маєш рацію. Все-таки це весело. Це нагадує про дні, коли я витрачав час на програмування на своєму TI-83, замість того, щоб звертати увагу на математику. Повертаючись до теми, я не "очікую" на шрифти 3х5 (або шрифти взагалі), а просто хотів зазначити це.
Ісмаїл Мігель

1
@IsmaelMiguel Дійсно мені це теж нагадує, сидячи в задній частині математичного класу і програмуючи свій TI-84.
AJMansfield

1
@Michael: О, я не розумів, що це зробив. :( Я завантажив файли zipped .ttf на свій власний веб-сайт та додав посилання на них вище.
Ільмарі Каронен

32

Ви будете мати проблеми з більшістю шрифтів при такому невеликому розмірі. Деякі будуть краще натякати, ніж інші, і все буде добре, але ви навряд чи знайдете щось, що ідеально працює ...

Вам дійсно потрібен шрифт, призначений спеціально для роботи в такому розмірі. Шрифти растрових зображень - це шрифти, розроблені як фактичні растрові зображення для певного розміру; Photoshop має підтримку шрифтів растрових зображень у більш новій версії, так що це може бути варіант ... інакше ви просто шукаєте "піксельні шрифти", щоб знайти звичайні векторні шрифти, призначені для імітації піксельної сітки. Це був перший результат для пошуку "шрифту пікселя 5 пікселів":

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

введіть тут опис зображення


24

Шрифт 5x5, який щасливо безкоштовний (для особистого використання), зроблений спеціально для висоти шрифту 5px.

введіть тут опис зображення


з акцентами! це добре
Лучано

3
На жаль, акценти насправді не поміщаються всередині 5x5 піксельних вікон. Мені було цікаво, як це було можливо, але виявляється, що це не так. :(
Ільмарі Каронен

1
@Ilmari Karonen - Щури! Хоча я гадаю, це справді очевидно. Якщо ви залишили піксель для інтервалу, який би залишив ... ну ... це просто не спрацювало б ха-ха, але все-таки дуже маленький і розбірливий шрифт з наголосами!
майерпроектують

4
Ви можете додати наголоси після того, як вони наголошують. Можливо, я бачив це вже в минулому, коли Atari ST була ще річчю.
Джон Дворак

3
Принаймні, на веб-сайті, з яким ви пов’язані, шрифт вказаний як "безкоштовно для особистого користування" (моє наголос), а не просто безкоштовний - це змінитиме для деяких людей. Потім знову ці сайти з шрифтом IMHO досить погані щодо зміни ліцензійних умов (в обох напрямках)
AC

13

Berkelium 1541 - це конверсія TrueType пропорційного шрифту пікселів, що використовується операційною системою GEOS на Commodore 64 для позначення файлів та інших піктограм на робочому столі.

Текст Berkelium 1541 / ISDN E18 в цьому шрифті збільшувався 4 рази:

введіть тут опис зображення


3

Я знаю, що ця публікація трохи запізнюється, але я просто подумала, що це може допомогти комусь, що просто трапляється шукати шрифт 5 на 3 пікселя. Шрифт Terminal має дійсно гарні 5 і 3 великі літери та цифри, однак малі літери не всі 5 на 3 пікселі (показані червоною лінією на зображенні).Великі літери термінальних шрифтів порівняно з малими літерами


2

Власні "невеликі шрифти" для Windows у розмірі 4 або 5pt, здається, виходять досить добре, хоча вам, можливо, доведеться вибирати, які символи виглядають нормально, а які ні. Якщо це насправді візуалізовано належним чином (можливо, вам доведеться вимкнути Cleartype або навіть використовувати Paint в однобітному одноколірному кольорі більше), він повинен виглядати трохи схоже на Berkelium вгорі, що не за горами мінімального розміру, настроєне обличчя, яке я використовував (або в масштабному, і в піксельному режимі, або з великою швидкістю копіювання та вставки) для розміщення дуже маленького тексту на зображеннях з низькою роздільною здатністю.

У тій крихітній сітці 5x5 (або без 5 разів) так мало місця для передачі інформації, що в деяких випадках вам потрібно проявити творчість з формами літер, як, наприклад, "e" в Беркліумі (вона також має цікаві малі літери "a" і "s "формує IIRC), кожен з яких має бути читабельним та ідентифікованим. І цілком може бути корисно використовувати пропорційну ширину, тому ви можете заощадити на пікселях тоншими літерами, щоб витратити їх на ті, де потрібна додаткова ширина.

Як хтось натякав, переходячи вище, системний шрифт 6x6, який використовується на Atari ST (для головних міток файлів накопичувачів та великих букв, головним чином, 8x8 або 8x16, які використовуються в інших місцях, хоча не виключно), також може вартий вашої уваги. По суті, це 5x5 так само, як інші по суті 7x7 та 7x15, оскільки у них вбудовані вертикальні та горизонтальні відстані для всіх, крім самих глибоких спусків та символів, що малюють коробку. Помітно ISTR e та a бракувало отворів у своїх петлях, але вони все ще були впізнавані (і як показано, якщо ви в кінцевому підсумку модифікуєте їх у користувацький шрифт, ви можете це виправити).

Крім того, найменший, який ви зазвичай отримуєте в загальному користуванні, - це 6x6 або 6x8, з навколишнім простором або без нього, або 5x7 на деяких матричних матричних РК-дисплеях. Важко створити гідний шрифт з будь-яким типом символів, а не чистим робототехнічним функціоналом із меншою кількістю пікселів (справді інші приклади, наведені вище, відчувають себе досить знайомими, оскільки вони або однакові, або дуже схожі на ті, які я бачив, що використовуються регулярно на РК-екранах мобільних телефонів з низькою роздільною здатністю ще в кінці 90-х / початку 2000-х років). Подібно до того, як скласти букви (і, звичайно, мати вибір щодо використання верхнього або нижнього регістру) за допомогою 7-сегментних цифрових РК-дисплеїв, і це не набагато краще з 9 або 11 (+) сегментом. А 5х5 пікселів по суті є 25-сегментним, за винятком того, що він більше схожий на дещо гнучкіший вид у 11 або 15 сек. Це таке обмеження, з яким ви працюєте тут.

Якщо ви можете витримати це, просто розбийте пікселі вручну ... принаймні, ви маєте остаточний контроль над натяком / кернінгом, то, як зазначають інші, напевно, буде вашою найбільшою проблемою, якщо ваш шрифт не буде спеціально налаштований на або може мати можливість налаштувати для налаштування на пікселях відтворення невеликих шрифтів, а не припускати, що все є нескінченним дозволом і пристойного розміру. (якщо ви збільшили шрифт крихітного пікселя до нормального розміру і перетворили тип повнорозмірного розміру, щоб відповідати його критичним межам, це виглядало б досить дивно, як і намагатися набити велику площу обличчя до мінімальних пікселів - ваша мінімальна деталізація є ENORMOUS проти фактичних гліфів)


2

Висота 5 пікс є критичною точкою для читабельності, і якщо вона також повинна бути лише одноколірною, то неможливо отримати хороший розбірливий текст. Це означає, що якщо взяти ліміт 6 px замість 5 px, це може бути значно краще, тому що висхідним і низхідним знаряддям потрібно принаймні 1 px простір, а з 5 px це неможливо.

Я зробив шрифт 5 пікселів, він досить розбірливий, але все ще важко читати. Хоча я вважаю, що це значно краще читається, ніж згаданий шрифт "5x5". Це не шрифт .ttf, але якщо ви знаєте сценаріїв у Photoshop, ви можете написати функцію, яка перетворює рядки в піксельні масиви.

Приклад:

введіть тут опис зображення

Порівняно з "5x5" (взяти приклад з відповіді Mayersdesign):

введіть тут опис зображення

Що мені здається цікавим, створюючи невеликі шрифти, можна відразу помітити невдалий дизайн деяких літер, тобто подібність "e" і "c", а також всієї [bdpqhnu] групи.


1

Найкращий шрифт 3 × 5 пікселів, який я бачив, - це "Том Палець" :

а

Це перший 5px високий шрифт я виявив , що є хороші шукає малі літери, хоча деякі букви , як Mі N(особливо #, @, &і ~) не так легко читаються , як вони були б , якщо вони були 4 або 5 пікселів в ширину.

Ось модифікована версія, яка не є простою, яку я використовував: https://fontstruct.com/fontstructions/show/1604078/tom-thumb-modified

введіть тут опис зображення


Ласкаво просимо до графічного дизайну SE і дякуємо за вашу відповідь. Будь ласка, подумайте про те, щоб зробити свою відповідь ще кращою, відредагувавши її, щоб узагальнити деякі переваги та недоліки цього шрифту, зокрема ті, які не очевидні при розгляді зразка.
Wrzlprmft
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.