Бесплатный конвертер шрифтов в Typeface.json
Конвертируйте TTF and OTF шрифты в typeface.json для Three.js мгновенно в браузере — 100% бесплатно, приватно и без загрузки на сервер.
Нажмите или перетащите файл шрифта сюда
Поддерживает TTF и OTF (макс. 50 МБ)
Настройки конвертации
Ограничивает размер файла, конвертируя только указанные символы.
Используйте, если ваш 3D текст выглядит вывернутым.
font.ttf
Готов к конвертации
3D-предпросмотр
WebGLЗагрузите шрифт для предпросмотра
Что такое typeface.json?
It's a JSON-based font format used by Three.js `FontLoader`. Converting your TTF files allows them to be loaded asynchronously in web applications without needing complex parsing libraries at runtime.
Read the full tutorialЧто такое Конвертер шрифтов?
Конвертер шрифтов Vextrude — это бесплатный браузерный инструмент, который преобразует любой шрифт TTF или OTF в формат typeface.json для Three.js — файл, который библиотеки 3D-текста используют для создания настоящих выдавленных букв. Перетащите шрифт, настройте наборы символов и точность безье и скачайте готовый JSON в один клик. Всё выполняется локально, ваши шрифты никогда не покидают ваше устройство.
Как преобразовать шрифт в typeface.json
От исходного файла шрифта до готового для Three.js typeface.json в четыре простых шага — полностью в вашем браузере.
Загрузить шрифт
Перетащите файл .ttf или .otf (или нажмите для выбора). Пакетная загрузка тоже работает — добавьте несколько шрифтов сразу.
Настроить параметры
Выберите подмножество символов (латиница, кириллица, символы…) и точность безье, чтобы уменьшить размер файла.
Живой 3D-предпросмотр
Поверните выдавленный 3D-образец загруженного шрифта до подтверждения — выявите проблемы глифов заранее.
Скачать
Сохраните typeface.json, скопируйте в буфер обмена или пакетно экспортируйте несколько шрифтов в .zip.
Зачем нужен конвертер шрифтов Vextrude?
Создан для разработчиков и дизайнеров, которым нужна быстрая и конфиденциальная конвертация шрифтов для веба.
100% конфиденциально и безопасно
Всё происходит локально в вашем браузере через opentype.js. Ваши шрифты никогда не попадают на сервер — нет загрузки, нет отслеживания, нет аналитики.
Мгновенная конвертация
Перетащите шрифт и получите typeface.json за доли секунды. Нет очередей, запросов на сервер или дневных лимитов.
Пакетная конвертация
Перетащите десяток шрифтов сразу и скачайте все в одном .zip — отлично для общей библиотеки шрифтов для игры или сайта.
Подмножество символов
Включайте в сборку только нужные глифы. Уберите нелатинские письменности или тяжёлые наборы символов — JSON уменьшится соответственно.
Готово для Three.js
Вывод загружается напрямую в FontLoader / TextGeometry (и <Text3D> от Drei в react-three-fiber) без конвертаций и обёрток.
Бесплатно навсегда
Без регистрации, водяных знаков и ограничений по размеру. Бесплатно для личного и коммерческого использования для любого шрифта, на который у вас есть права.
Основы шрифтов и typeface.json
Всё, что нужно знать о преобразовании файла шрифта в глифы, готовые для 3D.
Что такое typeface.json?
JSON-файл, в котором каждый глиф шрифта хранится как серия команд безье (moveTo, lineTo, quadraticCurveTo, cubicCurveTo). FontLoader Three.js превращает эти пути в ShapeGeometry, которые затем TextGeometry выдавливает в настоящие 3D-буквы. Это формат между «файлом шрифта» и «3D-мешем».
Почему не загружать TTF напрямую?
TextGeometry Three.js нужна конкретная структура shape, которую можно выдавить. Сырые файлы TTF/OTF несут много лишнего, чем Three не пользуется (хинтинг, таблицы кернинга, функции OpenType), поэтому отправка их прямо в браузер тратит канал и заставляет каждого посетителя парсить шрифт, чтобы нарисовать заголовок.
Точность безье
Точность безье (или сегменты кривой) управляет тем, насколько плавны внешние контуры глифа. Выше = более гладкие 3D-буквы, но JSON крупнее. Для меток UI и заголовков 6–8 обычно неотличимо от источника; для крупных планов можно выйти на 12–16.
Подмножество символов
Настоящие шрифты обычно включают тысячи глифов — латиница, кириллица, греческий, CJK, символы, лигатуры. Если нужно только «VEXTRUDE 2026», subsetting выбрасывает остальное до экспорта. Экспорт только латиницы для 4 МБ CJK-шрифта может уменьшиться до нескольких КБ.
Лицензирование и добросовестное использование
Конвертируйте только шрифты, на встраивание которых у вас есть права. Большинство коммерческих шрифтов разрешает веб-использование, но не перераспространение как сырые глифы — читайте EULA. Открытые шрифты (SIL OFL, Apache) безопаснее всего для приложений и общих репозиториев.
Использование вывода
Загрузите через FontLoader.parse(), если JSON уже в памяти, или FontLoader.load(), если его нужно загрузить. Передайте возвращённый шрифт в TextGeometry, добавьте материал, выдавите — готово.
Четыре сконвертированные гарнитуры
отрисовано в этом инструменте
Те же две буквы после конвертации, нарисованные собственным предпросмотром инструмента. Жирный гротеск, кистевой скрипт, угловатая акцидентная гарнитура и историческое унциальное письмо — контуры берутся прямо из каждого шрифта, так что видите вы ровно то, что выдавит TextGeometry.
Поддерживаемые форматы шрифтов
Перетащите шрифты, которыми уже пользуются ваши дизайн-приложения и браузеры — конвертер читает все и выдаёт тот формат, который нужен Three.js.
TTF
TrueType
Самый распространённый шрифт для десктопа и веба, построенный на квадратичных контурах безье. Полная поддержка на входе.
OTF
OpenType
Надмножество TTF с продвинутой типографией. Кубические контуры безье и функции OpenType корректно разбираются.
typeface.json
Вывод
Собственный JSON-формат шрифта Three.js. Поставляется как скачанный файл или пакетный .zip.
.zip
Пакетный архив
Когда в очереди несколько шрифтов, один архив собирает все typeface.json и манифест.
Ввод
Вывод
Работает с вашим 3D-стеком
Экспортированный JSON напрямую встаёт в любую популярную интеграцию Three.js — без обёрток и адаптеров.
Three.js
FontLoader / TextGeometry
Каноническое применение — JSON-формат создан Three.js. Загрузить, разобрать, выдавить.
react-three-fiber
Drei <Text3D>
Передайте JSON компоненту Text3D из Drei и получите декларативную 3D-типографику в React.
Игры и WebXR
Метки AR/VR
Создавайте чёткие 3D-вывески и HUD-ы в браузерных играх и WebXR.
Визуализация данных
Графики и панели
Выдавливайте пользовательские шрифты для карт, финансовых графиков и научных графиков в браузере.
Часто задаваемые вопросы
Всё, что нужно знать о Конвертере шрифтов Vextrude.
Что такое шрифт typeface.json?
Это собственный JSON-формат шрифта Three.js. Вместо скомпилированного файла шрифта он хранит каждый глиф как данные пути безье, чтобы FontLoader превращал каждую букву в shape, а TextGeometry выдавливал её в настоящий 3D-меш.
Загружается ли мой шрифт на сервер?
Нет. Всё выполняется локально в вашем браузере через opentype.js и File API. Конвертер никогда не загружает, не кэширует и не логирует ваши шрифты.
Какие форматы шрифтов я могу конвертировать?
TrueType (.ttf) и OpenType (.otf). Поддерживаются как квадратичные, так и кубические контуры безье. Шрифты только с битмап-глифами и только переменные оси без статического экземпляра — основное, что он не может обработать.
Как использовать вывод в Three.js?
Загрузите его через FontLoader (loader.load() или loader.parse()), передайте возвращённый шрифт в TextGeometry, а потом добавьте полученный меш в сцену. В react-three-fiber можно передать его в компонент <Text3D> от Drei.
Как уменьшить размер JSON?
Два рычага: subsetting символов (уберите ненужные письменности и символы) и точность безье (низкие значения дают чуть менее гладкие кривые, но намного меньший файл). Оба параметра в панели Настроек конвертации.
Можно ли конвертировать несколько шрифтов сразу?
Да. Перетащите несколько файлов .ttf/.otf в батч-зону и нажмите «Convert & Download All» — получите один .zip со всеми typeface.json внутри.
Бесплатно ли для коммерческого использования?
Сам инструмент бесплатен для личного и коммерческого использования. Можно ли распространять полученный typeface.json — зависит от лицензии вашего шрифта; перед публикацией JSON в публичном продукте проверьте EULA любого коммерческого шрифта.
Поддерживает ли нелатинские письменности?
Да — кириллица, греческий, арабский, иврит, деванагари, тайский, CJK и другие письменности конвертируются чисто, если в исходном шрифте есть глифы для нужной письменности.