Tekst omzetten naar SVG

Wat je terugkrijgt

Eén pad per glief, met de vulregel, vulling en lijn die je hebt ingesteld, en de optie om elke glief een eigen id te geven zodat je letters afzonderlijk in CSS of JavaScript kunt aanspreken. Smelt de contouren in plaats daarvan samen als je één pad voor het hele woord wilt — de vorm die een snijmachine of een iconensysteem meestal prefereert.

Correcte opmaak, niet zomaar gliefen opzoeken

De tekst wordt opgemaakt met HarfBuzz, de engine die browsers zelf gebruiken, dus kerningparen en ligaturen werken en complexe schriften gedragen zich: Arabische letters verbinden, Indische clusters herordenen. Ook variabele-fontassen en OpenType-functies liggen open, zodat je een gewicht of een stijlset kunt instellen vóór het omzetten.

Gebruik je eigen font

De catalogus telt ruim 1.900 opensourcefamilies, en je kunt in plaats daarvan je eigen TTF of OTF neerzetten. Geüploade fonts worden in het tabblad gelezen en gaan nooit ergens heen, wat ook betekent dat een gelicentieerd commercieel font op je machine blijft.

Vragen

Waarom de tekst niet gewoon als <text> laten staan?

Omdat hij geen twee keer hetzelfde weergeeft. Een ontbrekend font wordt stilletjes vervangen, en een webfont voegt een verzoek en een flits ongestylede tekst toe. Paden zijn vaste geometrie — de moeite waard zodra het bestand een logo of icoon is, of voor een machine bestemd.

Blijft de tekst doorzoekbaar of toegankelijk?

Niet na het omzetten. Zet de tekst in een aria-label of een title-element in je markup, en bewaar een bewerkbare bron voor latere wijzigingen.

Kan ik mijn eigen gelicentieerde font gebruiken?

Ja — upload een TTF of OTF. Hij wordt in de browser gelezen, dus het bestand verlaat je machine nooit. Controleer of de licentie omzetten naar contouren toestaat voor het gebruik dat je in gedachten hebt.