FT Font Tools

Konwerter tekstu na ścieżki SVG

Zamień tekst na ścieżki konturowe SVG przy użyciu własnej czcionki TTF, OTF, WOFF lub WOFF2. Ustaw rozmiar, odstępy między literami, interlinię i wyrównanie, a następnie skopiuj lub pobierz SVG — bez przesyłania plików.

🔒 Działa całkowicie w Twojej przeglądarce — nic nie jest przesyłane

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.

Advertisement

Zamień dowolny tekst na kontury wektorowe

Ten konwerter pobiera plik czcionki i fragment tekstu, a następnie tworzy plik SVG, w którym każda litera jest ścieżką wektorową. Wynik nie zależy już od tego, czy czcionka jest zainstalowana, więc wygląda dokładnie tak samo na każdym urządzeniu i w każdym programie. Dzięki temu tekst zamieniony na krzywe idealnie nadaje się do logo, ikon, grafik do mediów społecznościowych, naklejek i stopek e-mail, a także dla maszyn, które rozumieją wyłącznie kształty, takich jak wycinarki laserowe, plotery tnące do folii, frezarki CNC i oprogramowanie do haftu.

Opcje układu działają jak mały silnik tekstowy. Ustaw rozmiar czcionki w pikselach, zwiększ lub zmniejsz odstępy między literami w tysięcznych częściach em, wybierz interlinię dla tekstu wielowierszowego i wyrównaj wiersze do lewej, do środka lub do prawej. Pary kerningowe z czcionki są stosowane automatycznie. Kolor wypełnienia zostaje zapisany w pliku SVG, a liczbę miejsc po przecinku możesz zmniejszyć, aby plik był mniejszy, co przydaje się, gdy dane ścieżki trafiają bezpośrednio do HTML, CSS lub komponentu React.

Jak powstaje plik SVG

Czcionka jest parsowana za pomocą opentype.js w Twojej przeglądarce, a każdy wiersz tekstu jest zamieniany na polecenia rysowania — przesunięcia, linie oraz kwadratowe lub sześcienne krzywe Béziera — które bezpośrednio odpowiadają składni ścieżek SVG. Narzędzie oblicza ciasny prostokąt ograniczający wokół glifów, dodaje niewielki margines i ustawia viewBox, dzięki czemu SVG skaluje się czysto, bez zbędnych pustych obszarów. Domyślnie każdy wiersz staje się osobnym elementem path; zaznacz „Merge into a single path”, jeśli chcesz uzyskać jeden złożony kształt. Podgląd to rzeczywisty plik SVG wyświetlony jako obraz, więc to, co widzisz, jest dokładnie tym, co pobierzesz.

Nic nie jest przesyłane: czcionka i Twój tekst pozostają na Twoim urządzeniu. Zamiana tekstu na kontury jest jednak traktowana jako używanie czcionki, więc upewnij się, że jej licencja obejmuje tworzone przez Ciebie grafiki lub produkty. Większość czcionek open source na to pozwala, podobnie jak wiele komercyjnych licencji desktopowych.

Jak używać

  1. Wczytaj czcionkęUpuść czcionkę TTF, OTF, WOFF lub WOFF2, której chcesz użyć, albo kliknij pole, aby ją wybrać.
  2. Wpisz tekstWprowadź jeden lub więcej wierszy tekstu. Naciśnij Enter, aby rozpocząć nowy wiersz.
  3. Dostosuj układUstaw rozmiar czcionki, odstępy między literami, interlinię, wyrównanie, kolor wypełnienia i liczbę miejsc po przecinku. Podgląd aktualizuje się na bieżąco podczas pisania.
  4. Skopiuj lub pobierzSkopiuj kod SVG lub same dane ścieżki albo pobierz gotowy do użycia plik .svg.

Najczęściej zadawane pytania

Dlaczego zamieniać tekst na ścieżki zamiast używać elementu tekstowego SVG?
Element SVG <text> wymaga, aby czcionka była zainstalowana lub załadowana wszędzie tam, gdzie plik jest wyświetlany. Ścieżki konturowe wyglądają identycznie wszędzie — w przeglądarkach, narzędziach projektowych, wycinarkach laserowych i ploterach — bez żadnego pliku czcionki.
Czy po konwersji można nadal edytować tekst?
Nie jako tekst. Litery stają się kształtami wektorowymi. Zachowaj oryginalny tekst i ustawienia, aby móc wygenerować nowy plik SVG, jeśli treść się zmieni.
Czy kerning jest stosowany?
Tak, jeśli czcionka zawiera dane kerningu, a opcja Kerning jest zaznaczona. Odstępy między literami są dodawane dodatkowo i mierzone w tysięcznych częściach em — tej samej jednostce, której aplikacje projektowe używają do określania światła międzyliterowego (trackingu).
Czy obsługiwane są pisma od prawej do lewej lub pisma złożone?
Alfabet łaciński, cyrylica, alfabet grecki i podobne pisma działają dobrze. Pisma arabskie, hebrajskie i indyjskie wymagają pełnego kształtowania tekstu (text shaping), którego to narzędzie nie wykonuje, więc litery mogą nie łączyć się ani nie układać we właściwej kolejności.
Advertisement