Шрифты для маленьких экранов, Подскажите какие шрифты лучше использовать Опции

[Barcooler]

В результате экспериментов с различными экранами возник вопрос, какой/какие шрифты лучше использовать для экранов с маленьким разрешением.
Например имея экран 48x84 можем использовать шрифты высотой 8 точек - 6 строк, 16 точек - 3 строки и 24 точки - две строки (при ширине символа 16 точек уместится только 5 символов).
Потыкавшись и преобразовав несколько типовых шрифтов из операционки (Arial, Times New Roman, Verdana и пр.) понял что не так просто получить удобоваримый шрифт для LCD дисплея.
Конечно для экрана разрешением >120 точек эта проблема не так актуальна, но даже в таком случае логичнее использовать полезное пространство экрана для других целей, нежели вывод красивых больших букв, которых в любом случае поместится меньше.

Интересует опыт использования шрифтов, и может полезные советы.

[ViKo]

Я руками и головой "нарисовал" шрифт в матрице 10 х 8 (большинство символов занимают зону 8 х 5 точек, 2 точки вниз - для хвостов, как в 'р', точка вправо - для 'щ'). Сразу в h-файле, используя макро двоичной и четверичной кодировки. Ошибок было очень мало. Потом на экране проверил, скорректировал. Да, перед этим в тетради в клетку прикинул (тетрадь и карандаш - мои основные инструменты, наравне с клавиатурой и мышью).
В пропорциональный превращаю шрифт при выводе на экран, оставляя между столбцами пикселей, которые используются в символах, по 2 пустых столбца. Меня устраивает, а остальные понятия не имеют, как и что там сделано, воспринимают, как само разумеющееся.

[jcxz]

В пропорциональный превращаю шрифт при выводе на экран, оставляя между столбцами пикселей, которые используются в символах, по 2 пустых столбца. Меня устраивает, а остальные понятия не имеют, как и что там сделано, воспринимают, как само разумеющееся.

Гораздо полезнее это время рисования потратить на написание утилиты конвертирования шрифта из стандартного формата в свой. И получить сразу вагон шрифтов на выбор. Ведь у нас тут вроде не форум дизайнеров.
Был у меня товарищ на прошлой работе. Тоже, вместо конвертирования готовых шрифтов, сколхозил свой шрифт. Потом понадобились разные шрифты для разных мест меню - ещё несколько давай рисовать. Потом для них понадобились жирные варианты. Потом схемотехникам потребовалось поменять LCD на другой - ему пришлось перерисовывать все свои шрифты. Потом заказчику что-то не понравилось - опять переделывал Потом партию устройств купили казахи (с условием наличия казахского языка) - опять он их перерисовывал
Вобщем он эти шрифты много раз перерисовывал и что-то корректировал по разным причинам, занимался почти только этим месяца 2 (вместо программирования), по вечерам оставался. В результате, когда он уволился, я удалил весь этот колхоз, написал конвертер и просто попросил заказчиков указать какие шрифты из готовых им нравятся. И всё.
Хотя ведь ещё в самом начале я ему советовал не заниматься ерундой и подобрать (или написать) конвертер.

[ViKo]

Гораздо полезнее это время рисования потратить на написание утилиты конвертирования шрифта из стандартного формата в свой.

Вот Baser ответил, что при малом разрешении каждый пиксель надо ставить на свое место вручную.
Программы конвертеров я отфутболил, не заглядывая в них. Еще сайты есть, где конвертируют шрифты. Туда же и их.
Программу рисования шрифта по точкам подходящую я не нашел, правда, не сильно искал.
Я еще попытался сделать субпиксельное сглаживание. Вот пример символа.

Код

// 0x41 A
  QUAD(00130000),
  QUAD(01313000),
  QUAD(03001200),
  QUAD(12000300),
  QUAD(12000300),
  QUAD(13333300),
  QUAD(12000300),
  QUAD(12000300),
  QUAD(00000000),
  QUAD(00000000),

Есть идея, как сделать еще лучше сглаживание. В следующем проекте.
Никакая программа мне не поможет. Сам!
Выбрав шаблон, символы рисуются легко, один за другим. Скопировал "пустой" набор, и редактируй потом нужные цифры в текстовом редакторе режиме замены. Что мышкой точки рисовать, что в редакторе цифры плюхать - невеликая разница.
Да, и символы у меня есть не только стандартные, но и свои, стрелочки всякие и т.п.

[Barcooler]

Вот Baser ответил, что при малом разрешении каждый пиксель надо ставить на свое место вручную.
Программы конвертеров я отфутболил, не заглядывая в них. Еще сайты есть, где конвертируют шрифты. Туда же и их.
Программу рисования шрифта по точкам подходящую я не нашел, правда, не сильно искал.
Я еще попытался сделать субпиксельное сглаживание. Вот пример символа.

Код

// 0x41 A
  QUAD(00130000),
  QUAD(01313000),
  QUAD(03001200),
  QUAD(12000300),
  QUAD(12000300),
  QUAD(13333300),
  QUAD(12000300),
  QUAD(12000300),
  QUAD(00000000),
  QUAD(00000000),

Есть идея, как сделать еще лучше сглаживание. В следующем проекте.
Никакая программа мне не поможет. Сам!
Выбрав шаблон, символы рисуются легко, один за другим. Скопировал "пустой" набор, и редактируй потом нужные цифры в редакторе режиме замены. Что мышкой точки рисовать, что в редакторе цифры плюхать - невеликая разница.
Да, и символы у меня есть не только стандартные, но и свои, стрелочки всякие и т.п.

На счёт сглаживания - никогда не понимал его и любовь к нему.
Дико бесило когда в винде начали его по умолчанию впихивать.
И уж совсем выморозило, когда MS выпилил из ie возможность отключить сглаживание.
По мне, так сглаживание это костыль, предназначенный устранить недостатки "кривизны" самих шрифтов или их отрисовки.
Если не ошибаюсь ещё сам Джобс в своё время ключевое значение уделил разработке шрифтов для интерейса маков. И именно благодаря наличию оных интерфейс стал весьма популярен в своё время.
Лично я во всех операционках его принудительно отключаю.

[x736C]

На счёт сглаживания - никогда не понимал его и любовь к нему.
Дико бесило когда в винде начали его по умолчанию впихивать.
И уж совсем выморозило, когда MS выпилил из ie возможность отключить сглаживание.
По мне, так сглаживание это костыль, предназначенный устранить недостатки "кривизны" самих шрифтов или их отрисовки.

Без него зачастую откровенная какашка получается (см. пример), особенно если шрифт нарисован не «вручную». То есть без проверки, что все пиксели на своих местах.

Надо рассматривать в полном разрешении. Глазами это все прекрасно видно и бросается в глаза (в мои во всяком случае).
Если бы делал, например, mp3-плеер с маленьким OLED-дисплеем, то рисовал бы шрифты вручную. А лучше, чтобы это делал дизайнер, как в Эппл, которую упомянули.

Для пользовательского интерфейса посерьезнее, без особых проблем с энергопотреблением, можно и с помощью фреймворка, как предпочитает ув. AlexandrY.
Это, видимо, правильный подход. Интересно будет посмотреть хорошо сфотографированный результат в нормальном фокусе. Особенно для маленьких шрифтов.
Либо конвертер, как делал ув. jcxz.

ViKo, если это возможно, хотелось бы увидеть Ваше сглаживание на каком-нибудь примере. Тема, действительно, очень интересна.

Еще хотел снять свою автомагнитолу. Такой ужасный шрифт с отрисовкой. Второпях стали делать не очень красивые вещи.

AHTOXA, если правильно понял, то речь идет об этом https://www.micrium.com/rtos/gui/
На страничке указаны требуемые ресурсы. И не сказать, что уж какие-то огромные.

[ViKo]

ViKo, если это возможно, хотелось бы увидеть Ваше сглаживание на каком-нибудь примере. Тема, действительно, очень интересна.

Вот сфотал с экрана. На цифрах можно заметить субпиксельное сглаживание. Здесь я еще рисую вертикальные линии четырьмя субпикселями BRGB, чтобы жирнее были.
Повторюсь, уже придумал, надеюсь, лучший способ.

Эскизы прикрепленных изображений