TTF til SVG-konverter

Denne side laver en TrueType-skrifttype om til en SVG-skrifttype: én XML-fil, hvor hvert tegn er et <glyph>-element med omridset skrevet som SVG-stidata. Det er nyttigt til ikonfontværktøjer og fontredigeringsprogrammer, men det er ikke det samme som et billede af din tekst.

eller slip TTF, OTF, WOFF …-filer her ·

Maks. 95 MB pr. fil· Op til 20 filer· Slettes efter 30 minutter

Output

Konvertér til

Filer behandles på vores servere og slettes efter 30 minutter.

Sådan bruger du værktøjet

1
Upload TTF-filen
Tilføj en eller flere .ttf-filer, op til 20 pr. batch og 95 MB hver. Både ikonskrifttyper og tekstskrifttyper virker.
2
Behold SVG-skrifttype som output
Konvertér til er sat til SVG-skrifttype. Hinting gælder ikke for SVG-output, så indstillingen forsvinder; Familienavn under Avancerede indstillinger kan stadig omdøbe skrifttypen.
3
Konvertér til SVG
Tryk på Konvertér til SVG → og download .svg-filen. Åbn den i et teksteditorprogram, Inkscape eller FontForge for at komme til glyfstierne.

SVG-skrifttype vs. SVG-billede af tekst

Søger du efter TTF til SVG, finder du to forskellige formål blandet sammen. Det ene er en SVG-skrifttype: skrifttypeformatet defineret i W3C's SVG 1.0-anbefaling fra 2001, hvor et <font>-element indeholder en <glyph> pr. tegn med en Unicode-værdi, en fremløbsbredde og konturen som sti. Det andet er et SVG-billede af en tekst, bogstaverne i et logo eller et navn, der allerede er sat op på en linje og gemt som former. Denne konverter laver den første slags. Hvis du har et logobillede og ikke en skrifttype, kan PNG til SVG i stedet vektorisere det til stier.

Når en TrueType-kontur konverteres til SVG-stidata, mister formen ikke noget. SVG-stier understøtter de samme kvadratiske kurver, som TrueType bruger, så hver kontur skrives, som den er. Det, der ikke overlever, er alt omkring konturerne: hinting-instruktioner, OpenType-funktioner ud over simpel kerning og de binære tabeller, som operativsystemer skal bruge for at installere en skrifttype. En SVG-skrifttype kan ikke installeres på Windows eller macOS.

Sådan ser en SVG-skrifttypefil ud

Forkortet eksempel på markup i en SVG-skrifttype

<svg xmlns="http://www.w3.org/2000/svg">
  <defs>
    <font id="FirmaSans" horiz-adv-x="1229">
      <font-face font-family="Firma Sans" units-per-em="2048" ascent="1638" descent="-410" />
      <glyph unicode="L" glyph-name="L" horiz-adv-x="1100" d="M180 0V1456H360V160H1040V0Z" />
    </font>
  </defs>
</svg>

Det, denne side laver: én fil, én <glyph> pr. tegn, i skrifttypeenheder med y-aksen opad.

Åbnes i FontForge, Inkscape og ikonskrifttypeværktøjer
Kan ikke installeres på en computer
Indlæses ikke af nuværende Chrome, Edge eller Firefox

En almindelig OTF eller TTF med en ekstra SVG-tabel med farvede glyffer i lag.

Installeres som enhver anden skrifttype
Bruges til emoji og flerfarvet skrift
Understøttelsen varierer efter app og browser

Hvor SVG-skrifttyper kom fra, og hvor de blev af

SVG 1.0 definerer font-elementet: 2001
sidste iPhone-Safari, der krævede SVG-webskrifttyper: iOS 4.1
fjerner SVG-skrifttyper i 2014: Chrome 38
dropper skrifttypekapitlet: SVG 2

TTF

TrueType-skrifttype

TTF er TrueType-skrifttypeformatet, som Apple udviklede i slutningen af 1980'erne og udgav i 1991, og som siden blev licenseret til Microsoft. Det beskriver tegnenes konturer med kvadratiske kurver og indeholder hinting-instruktioner, der gør tekst skarp på skærme. TrueType understøttes af alle operativsystemer til computere, tekstbehandlingsprogrammer og designapps. Det mangler nogle af OpenType's avancerede typografiske funktioner og er større end webskrifttypeformater.

Komprimering: Uden tab
Gennemsigtighed: –
Animation: –
Introduceret: 1991 · Apple

TTF-konverter

SVG

Scalable Vector Graphics

SVG er et XML-baseret vektorformat, som W3C standardiserede i 2001. I stedet for pixels beskriver det former, stier og tekst, så det forbliver skarpt i enhver størrelse og som regel er meget lille til logoer og ikoner. Det understøtter gennemsigtighed, CSS-styling, scripting og animation, og alle browsere gengiver det direkte. SVG egner sig ikke til fotografier, og komplekse illustrationer kan blive langsomme at gengive. Illustrator, Inkscape, Figma og browsere kan åbne og redigere det.

Komprimering: –
Gennemsigtighed: Ja
Animation: Ja
Introduceret: 2001 · W3C

SVG-konverter

TTF til SVG skriver hver glyfs kontur som redigerbare SVG-stidata i en SVG-skrifttype, som bruges af ikonskrifttypeværktøjer, skrifttypeeditorer og gamle webfont-pakker; det er ikke en måde at indlæse skrifttyper på moderne websider.

Ofte stillede spørgsmål om TTF til SVG

Kan jeg bruge en SVG-skrifttype i CSS @font-face i dag?

Ikke i de fleste browsere. Chrome fjernede understøttelsen af SVG-skrifttyper i version 38 i 2014, og Firefox og Internet Explorer har aldrig haft den. Til en hjemmeside skal du i stedet konvertere TTF-filen med TTF til WOFF2.

Hvorfor vender glyfferne på hovedet, når jeg indsætter dem i en tegning?

SVG-skrifttyper bruger skrifttypens eget koordinatsystem, hvor y-aksen peger opad fra grundlinjen, mens almindelige SVG-tegninger tæller y nedad fra toppen. Vend stien lodret, for eksempel med en scale(1,-1)-transformation, så vises den rigtigt.

Hvordan laver jeg tekst om til SVG-stier til Cricut eller en laserskærer?

Installer TTF-filen, skriv din tekst i Inkscape eller Illustrator, og konvertér teksten til konturer: Path › Object to Path i Inkscape, Type › Create Outlines i Illustrator. Gem det som SVG. En SVG-skrifttype indeholder hvert bogstav for sig og er ikke sat op som ord.

Bevarer SVG-skrifttyper kerning og ligaturer?

Kun delvist. SVG-skrifttypeformatet kan gemme kerningpar med hkern-elementer og glyffer med flere tegn, men har ikke noget svar på OpenType-funktionstabeller som kapitæler, alternativer eller kontekstuelle regler. Behold TTF-filen, hvis du har brug for dem.

Kan SVG-skrifttyper bruges til ikonfonte?

Ja, det er den vigtigste brug i dag. Ikonskrifttypeværktøjer som IcoMoon importerer SVG-skrifttyper, så du kan hente ikoner ud af en gammel ikonskrifttype, redigere dem og bygge et nyt sæt eller eksportere hvert ikon som sin egen SVG.