Konvertera text till SVG-banor

Gör om valfri text till vektorkonturer

Den här konverteraren tar en typsnittsfil och en text och skapar en SVG där varje bokstav är en vektorbana. Resultatet är inte längre beroende av att typsnittet är installerat, så det ser exakt likadant ut på alla enheter och i alla program. Det gör konturerad text idealisk för logotyper, ikoner, grafik för sociala medier, klistermärken och e-postsignaturer, och även för maskiner som bara förstår former, till exempel laserskärare, vinylplottrar, CNC-fräsar och broderiprogram.

Layoutalternativen fungerar som en liten textmotor. Ange teckenstorleken i pixlar, öka eller minska teckenavståndet i tusendelar av en em, välj radhöjd för text med flera rader och justera raderna till vänster, centrerat eller till höger. Kerningpar från typsnittet tillämpas automatiskt. Fyllnadsfärgen skrivs in i SVG-filen, och du kan minska antalet decimaler för att göra filen mindre, vilket är praktiskt när bandatan ska klistras in direkt i HTML, CSS eller en React-komponent.

Hur SVG-filen byggs upp

Typsnittet tolkas med opentype.js i din webbläsare, och varje textrad omvandlas till ritkommandon — förflyttningar, linjer och kvadratiska eller kubiska Bézierkurvor — som motsvarar SVG:s syntax för banor direkt. Verktyget beräknar en tät omslutande ruta runt glyferna, lägger till lite utfyllnad och ställer in viewBox, så att SVG-filen skalas snyggt utan onödigt tomrum. Som standard blir varje rad ett eget path-element; kryssa i ”Merge into a single path” om du vill ha en enda sammansatt form. Förhandsvisningen är den faktiska SVG-filen som visas som en bild, så det du ser är exakt det du laddar ner.

Ingenting laddas upp: både typsnittet och din text stannar hela tiden på din enhet. Att konvertera text till konturer räknas dock som användning av typsnittet, så se till att licensen täcker den grafik eller de produkter du skapar. De flesta typsnitt med öppen källkod tillåter detta, och det gör även många kommersiella skrivbordslicenser.