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

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

Начинающий
Начинающий
Статус
Оффлайн
Регистрация
7 Ноя 2025
Сообщения
101
Реакции
1
Для начала нам нужно скачать
Пожалуйста, авторизуйтесь для просмотра ссылки.
и
Пожалуйста, авторизуйтесь для просмотра ссылки.
. Заходим в 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 · Просмотры: 88
Подходил к концу 2025, кубики до сих пор не умеют в рендер svg
а смысл от рендера шрифтов в svg? ну типо, каждый глиф фонта отдельный файл, у тебя папка будет хранить слишком дохуя
 
Подходил к концу 2025, кубики до сих пор не умеют в рендер svg
Умеют, если подключить
Пожалуйста, авторизуйтесь для просмотра ссылки.


а смысл от рендера шрифтов в svg? ну типо, каждый глиф фонта отдельный файл, у тебя папка будет хранить слишком дохуя
Он я думаю скорее про рендер отдельной картинки вектором, потому-что запекать картинку в шрифт и рендерить её так - это костыль
У меня скорее вопрос возникает почему никто просто не возьмёт и не начнет рендерить картинки через SDF напрямую, без какой-либо связи с шрифтами и рендерером шрифтов
 
Для начала нам нужно скачать
Пожалуйста, авторизуйтесь для просмотра ссылки.
и
Пожалуйста, авторизуйтесь для просмотра ссылки.
. Заходим в FontForge и видим вот это чудо:
Посмотреть вложение 320090
Нажимаем создать и нас кидает в другое окно:
Посмотреть вложение 320091
Нажимаем на любой символ(в моем случае A) и у нас открывается новая менюшка:
Посмотреть вложение 320093

Теперь нажимаем Файл -> Импортировать -> находим свою пнгшку(на БЕЛОМ фоне ЧЕРНЫЙ символ, иначе FontForge не сможет корректно нарисовать символ)
Посмотреть вложение 320094
Потом появляется меню, там ничего не трогаем и нажимаем ОК:
Посмотреть вложение 320095
Картинка добавилась, теперь нажимаем Элемент -> Автотрассировка (если все получилось то будет как на следующем скрине)
Посмотреть вложение 320096

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

Посмотреть вложение 320097
Теперь Ctrl + S и выходим на крестик
Посмотреть вложение 320098
Теперь у нас отображается символ. 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
Посмотреть вложение 320099 Вот сюда

Открываем 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)); // в ватермарке

Вот результат:
Посмотреть вложение 320103


Надеюсь гайд вам понравился
было уже
1764256665385.png
ХАПХАПХ НЕ ПАЛИШЬСЯ БРО
1764256749013.png

БУКВАЛЬНО ВЗЯЛ ТУ ТЕМУ КОТОРАЯ НА СКРИНЕ И ЗАРЕНЕЙМИЛ
 
код из той темы: Посмотреть вложение 320973
код твоей темы: Посмотреть вложение 320974
Все точь в точь взято оттуда
Я ее не видел даже, повторю опять. Я видел как челик где то скинул другому файл и тот не понял как им пользоваться. Я разобрался и залил.
 
Я ее не видел даже, повторю опять. Я видел как челик где то скинул другому файл и тот не понял как им пользоваться. Я разобрался и залил.
ну да я кинул этот селфкод челу
 
Я ее не видел даже, повторю опять. Я видел как челик где то скинул другому файл и тот не понял как им пользоваться. Я разобрался и залил.
не отметишь автора темы - твой софт будут крякать постоянно, и я тоже
 
не отметишь автора темы - твой софт будут крякать постоянно, и я тоже
Долбоеб? Я никакого автора не видел и отмечать не буду. Я сука пол дня искал нормальный гайд и нашел эту программку(даже не в той теме, а в каком то ответе на вопрос) + нормального гайда по fontforge на этом форуме нет, его написал я. Мой софт вы не крякнете по 2 причинам: 1 он еще не вышел, 2 он фри. На слив сурсов мне похер.
 
Назад
Сверху Снизу