Подпишитесь на наш Telegram-канал, чтобы всегда быть в курсе важных обновлений! Перейти

Гайд MTSDF шрифты с картинками

Начинающий
Начинающий
Статус
Оффлайн
Регистрация
7 Ноя 2025
Сообщения
49
Реакции
0
Для начала нам нужно скачать
Пожалуйста, авторизуйтесь для просмотра ссылки.
и
Пожалуйста, авторизуйтесь для просмотра ссылки.
. Заходим в FontForge и видим вот это чудо:
1763233904240.png

Нажимаем создать и нас кидает в другое окно:
1763233932977.png

Нажимаем на любой символ(в моем случае A) и у нас открывается новая менюшка:
1763234098077.png


Теперь нажимаем Файл -> Импортировать -> находим свою пнгшку(на БЕЛОМ фоне ЧЕРНЫЙ символ, иначе FontForge не сможет корректно нарисовать символ)
1763234162036.png

Потом появляется меню, там ничего не трогаем и нажимаем ОК:
1763234260018.png

Картинка добавилась, теперь нажимаем Элемент -> Автотрассировка (если все получилось то будет как на следующем скрине)
1763234306713.png


Потом нажимаем Элемент -> Упростить -> Упростить

1763234405280.png

Теперь Ctrl + S и выходим на крестик
1763234496697.png

Теперь у нас отображается символ. Cохраняем как sfd файл в директорию с названием на латинице(обязательно!!! иначе ошибка будет)

Нажимаем WIN + R и пишем cmd. Когда зашли в командную строку переходим в директорию фонт форджа (обычно C:\Program Files\FontForgeBuilds. Для тупых пастеров команда cd путь. Потом пишем команду: bin\fontforge.exe -lang=py -c "import fontforge; f = fontforge.open(r'ваш путь к файлу sfd(например C:\Users\vadim\Downloads\untitled2.sfd'); f.generate(r'путь по которому должен сгенерироваться файл(по типу C:\Users\vadim\Downloads\untitled2.ttf')"

Берем получившийся файл и кладем его в папку input в MSDF-converter
1763235074072.png
Вот сюда

Открываем Start.bat и пишем туда сначало файла который надо конвертировать, а потом какое название уже конвертированому.
Потом пишем Y и на выходе в папке generated получаем 2 файла: json и png. Эти файлы закидываем в папку с фонтами в наш проект и потом используем. Приведу пример из другхака:
UNTITLED = new Font(MsdfFont.builder().atlas("untitled").data("untitled").build()); // в Fonts
Render2D.drawFont(matrices, Fonts.UNTITLED.getFont(10f), "A",x + 3, y + 2, new Color(0, 65, 142)); // в ватермарке

Вот результат:
1763235287014.png



Надеюсь гайд вам понравился
 

Вложения

  • 1763234058463.png
    1763234058463.png
    77.3 KB · Просмотры: 26
Назад
Сверху Снизу