Наши контакты: +380958663605

inhelp@i.ua

Как создать свои шрифты для TFT дисплея

DGR font

Многим пользователям библиотеки UTFT иногда бывает не достаточно базовых шрифтов для отображения информации на TFT дисплее и я сегодня расскажу и покажу как создать свои шрифты.

Дисплей покупал в Китае по ссылке ниже

Купить дисплей ili9341

Заказать TFT дисплей ILI9341 

Для начала нам потребуется найти и скачать необходимый шрифт из интернета, я нашел на сайте xfont.ru шрифт Deutsch Gothic Regular  и скачал его.

font Deutsch Gothic Regular

Шрифт Deutsch Gothic Regular

Потом в Windows 7 переходим по пути  Пуск\Панель управления\Все элементы панели управления\Шрифты  и переносим в папку наш файл шрифта ( шрифт будет скопирован и установлен)

Установка шрифта

Установка шрифта

Открываем любой графический редактор , я пользуюсь Adobe Fireworks и создаем в нем новый документ с произвольным размером (например 800 х 600 px) и пользовательским цветом холста (черного цвета ).

Создание документа в adobe fireworks

Потом отображаем сетку (grid), для удобного пользования…

отображение сетки в adobe fireworks

после отображения сетки редактируем ее ( выбираем редактировать сетку)

Хочу заметить что от размера шрифта которым мы хотим создать зависит размер сетки… Размер по ширине должен составлять число которое делится на 8. Например, мы будем создавать средний шрифт шириной 32 px, тогда для ширины пропишем 32 px и для высоты 10 px.

Редактирование сетки

Теперь пишем текст в произвольном месте нашим шрифтом с размером шрифта 32

fireworks text

потом обрезаем холст до размеров высоты 64 px и ширины 320 px (ширина равна 10 символам по 32 px , а высота произвольная но не меньше ширины 2 символов)

Размер холста

потом перетаскиваем наш символ 0 в видимую область фона слева по сетке и выравниваем его. Для удобства увеличиваем масштаб до 300%.

символ

как мы видим , размер шрифта 32 в настройках шрифта маловат , и мы уже визуально меняем размер и выравниваем символ по сетке для оптимального отображения.

font

добавляем символы от 0 до 9 и уменьшаем высоту холста на 10 px

fonts

и после всего сохраняем файл в формате PNG32 с именем DGR

Теперь переходим по ссылке на сайт http://www.rinkydinkelectronics.com/t_make_font_file.php

  • выбираем наш шрифт DGR в строке Picture to make font from:
  • выбираем тип шрифта в строке Font Type:
  • жмем Make File

online font converter

через несколько секунд все готово

make font file

скачиваем наш файл и теперь создаем тестовый скетч для проверки отображения шрифтов…

сохраняем скетч и в папку со скетчем добавляем наш файл DGR.C

DGR.C

открываем скетч и заливаем в плату Arduino

Пример отображения шрифта DGR

Пример отображения шрифта DGR

Шрифт отображается хорошо, а значит все сделано правильно.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

одиннадцать + 10 =