Конвертер тексту в контури SVG
Перетворюйте текст на контури SVG за допомогою власного шрифту TTF, OTF, WOFF або WOFF2. Налаштуйте розмір, міжлітерний інтервал, висоту рядка та вирівнювання, а потім скопіюйте чи завантажте SVG — без завантаження на сервер.
🔒 Працює повністю у вашому браузері — нічого не завантажуєтьсяDrop a font here or click to browse
TTF, OTF, WOFF or WOFF2. The font never leaves your device.
Load a font to see the SVG preview.
Перетворіть будь-який текст на векторні контури
Цей конвертер бере файл шрифту та фрагмент тексту й створює SVG, у якому кожна літера є векторним контуром. Результат більше не залежить від того, чи встановлено шрифт, тому виглядає абсолютно однаково на будь-якому пристрої та в будь-якій програмі. Завдяки цьому текст у контурах ідеально підходить для логотипів, іконок, графіки для соцмереж, наліпок і підписів в електронних листах, а також для машин, які розуміють лише фігури, — лазерних різаків, плотерів для вінілу, фрезерних верстатів із ЧПК і програм для вишивання.
Параметри розкладки працюють як невеликий текстовий рушій. Задайте розмір шрифту в пікселях, збільште або зменште міжлітерний інтервал у тисячних частках em, виберіть висоту рядка для багаторядкового тексту та вирівняйте рядки ліворуч, по центру або праворуч. Кернінгові пари зі шрифту застосовуються автоматично. Колір заливки записується в SVG, а кількість знаків після коми можна зменшити, щоб файл став меншим, — це зручно, коли дані контуру вставляються безпосередньо в HTML, CSS або компонент React.
Як створюється SVG
Шрифт розбирається бібліотекою opentype.js у вашому браузері, і кожен рядок тексту перетворюється на команди малювання — переміщення, лінії та квадратичні чи кубічні криві Безьє, — які безпосередньо відповідають синтаксису контурів SVG. Інструмент обчислює щільну обмежувальну рамку навколо гліфів, додає невеликий відступ і задає viewBox, тож SVG чисто масштабується без зайвого порожнього простору. За замовчуванням кожен рядок стає окремим елементом path; позначте «Merge into a single path», якщо потрібна одна складена фігура. Попередній перегляд — це власне файл SVG, показаний як зображення, тож ви бачите саме те, що завантажите.
Нічого не завантажується на сервер: шрифт і ваш текст залишаються на вашому пристрої. Проте перетворення тексту на контури вважається використанням шрифту, тому переконайтеся, що його ліцензія охоплює графіку чи продукти, які ви створюєте. Більшість шрифтів із відкритим кодом це дозволяють, як і багато комерційних десктопних ліцензій. Зберігайте свій вихідний текст і налаштування, щоб за потреби швидко згенерувати оновлений SVG.
Як користуватися
- Завантажте шрифтПеретягніть шрифт TTF, OTF, WOFF або WOFF2, який хочете використати, або клацніть поле, щоб вибрати файл.
- Введіть текстВведіть один або кілька рядків тексту. Натисніть Enter, щоб почати новий рядок.
- Налаштуйте розкладкуЗадайте розмір шрифту, міжлітерний інтервал, висоту рядка, вирівнювання, колір заливки та кількість знаків після коми. Попередній перегляд оновлюється під час введення.
- Скопіюйте або завантажтеСкопіюйте розмітку SVG або лише дані контуру чи завантажте готовий до використання файл .svg.
Часті запитання
Навіщо перетворювати текст на контури замість використання текстового елемента SVG?
<text> потрібно, щоб шрифт був встановлений або завантажений усюди, де показується файл. Контури виглядають однаково всюди — у браузерах, програмах для дизайну, лазерних різаках і плотерах — без жодного файлу шрифту.