Convertir TTF en SVG

Cette page transforme une police TrueType en police SVG : un seul fichier XML dans lequel chaque caractère est un élément <glyph> dont le contour est écrit en données de tracé SVG. C'est utile pour les outils de polices d'icônes et les éditeurs de polices, mais ce n'est pas une image de votre texte.

ou déposez Fichiers TTF, OTF, WOFF … ici ·

95 Mo max. par fichier· Jusqu'à 20 fichiers· Supprimés après 30 minutes

Sortie

Convertir en

Les fichiers sont traités sur nos serveurs et supprimés après 30 minutes.

Comment utiliser cet outil

1
Importez le fichier TTF
Ajoutez un ou plusieurs fichiers .ttf, jusqu'à 20 par lot et 95 Mo chacun. Les polices d'icônes comme les polices de texte fonctionnent.
2
Gardez la police SVG comme format de sortie
Convertir en est réglé sur police SVG. Le hinting ne s'applique pas à la sortie SVG, l'option disparaît donc ; Nom de famille dans Réglages avancés permet toujours de renommer la police.
3
Convertissez en SVG
Cliquez sur Convertir en SVG → et téléchargez le fichier .svg. Ouvrez-le dans un éditeur de texte, Inkscape ou FontForge pour accéder aux tracés des glyphes.

Police SVG ou image SVG du texte

Si vous cherchez TTF en SVG, vous tomberez sur deux objectifs différents mélangés. Le premier est une police SVG : le format de police défini dans la recommandation SVG 1.0 du W3C en 2001, où un élément <font> contient un <glyph> par caractère, avec une valeur Unicode, une chasse et le contour sous forme de tracé. Le second est une image SVG d'un texte, les lettres d'un logo ou d'un nom déjà composé sur une ligne et enregistré sous forme de formes. Ce convertisseur produit le premier type. Si vous avez une image de logo plutôt qu'une police, PNG en SVG la vectorise en tracés.

Convertir un contour TrueType en données de tracé SVG ne fait perdre aucune forme. Les tracés SVG prennent en charge les mêmes courbes quadratiques que TrueType, chaque contour est donc écrit tel quel. Ce qui ne survit pas, c'est tout ce qui entoure les contours : les instructions de hinting, les fonctionnalités OpenType au-delà du simple crénage et les tables binaires dont les systèmes ont besoin pour installer une police. Une police SVG ne peut pas être installée sous Windows ou macOS.

À quoi ressemble un fichier de police SVG

Exemple abrégé du balisage d'une police SVG

<svg xmlns="http://www.w3.org/2000/svg">
  <defs>
    <font id="MarqueSans" horiz-adv-x="1229">
      <font-face font-family="Marque 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>

Ce que produit cette page : un fichier, un <glyph> par caractère, en unités de police avec l'axe y vers le haut.

S'ouvre dans FontForge, Inkscape et les outils de polices d'icônes
Impossible à installer sur un ordinateur
Non chargée par Chrome, Edge ou Firefox actuels

Une police OTF ou TTF normale avec une table SVG supplémentaire contenant des glyphes colorés et en couches.

Installée comme n'importe quelle police
Utilisée pour les emoji et le lettrage multicolore
La prise en charge varie selon l'application et le navigateur

D'où viennent les polices SVG et ce qu'elles sont devenues

SVG 1.0 définit l'élément font: 2001
dernière version de Safari sur iPhone nécessitant des polices web SVG: iOS 4.1
supprime les polices SVG en 2014: Chrome 38
abandonne le chapitre sur les polices: SVG 2

TTF

Police TrueType

Le TTF est le format de police TrueType, développé par Apple à la fin des années 1980 et publié en 1991, puis cédé sous licence à Microsoft. Il définit les contours des glyphes avec des courbes quadratiques et inclut des instructions de hinting qui rendent le texte net à l'écran. TrueType est pris en charge par tous les systèmes d'exploitation de bureau, traitements de texte et applications de création. Il n'offre pas certaines fonctions typographiques avancées d'OpenType et il est plus volumineux que les formats de polices web.

Compression: Sans perte
Transparence: –
Animation: –
Année de création: 1991 · Apple

Convertisseur TTF

SVG

Scalable Vector Graphics

SVG est un format vectoriel fondé sur XML, normalisé par le W3C en 2001. Au lieu de pixels, il décrit des formes, des tracés et du texte ; il reste donc net à n'importe quelle taille et est généralement minuscule pour les logos et icônes. Il prend en charge la transparence, le style CSS, les scripts et l'animation, et tous les navigateurs l'affichent nativement. Le SVG ne convient pas aux photographies, et les illustrations complexes peuvent devenir lentes à afficher. Illustrator, Inkscape, Figma et les navigateurs peuvent l'ouvrir et le modifier.

Compression: –
Transparence: Oui
Animation: Oui
Année de création: 2001 · W3C

Convertisseur SVG

TTF en SVG écrit le contour de chaque glyphe sous forme de données de tracé SVG modifiables dans une police SVG, utilisée par les outils de polices d'icônes, les éditeurs de polices et les anciens kits de polices web ; ce n'est pas un moyen de charger des polices sur les pages web actuelles.

FAQ : convertir TTF en SVG

Peut-on encore utiliser une police SVG dans un @font-face CSS ?

Pas dans la plupart des navigateurs. Chrome a supprimé la prise en charge des polices SVG dans la version 38 en 2014, et Firefox comme Internet Explorer ne l'ont jamais ajoutée. Pour un site web, convertissez plutôt la police TTF avec TTF en WOFF2.

Pourquoi les glyphes sont-ils à l'envers quand je les colle dans un dessin ?

Les polices SVG utilisent le système de coordonnées propre à la police, où l'axe y part de la ligne de base vers le haut, alors que les dessins SVG ordinaires comptent y vers le bas depuis le haut. Retournez le tracé verticalement, par exemple avec une transformation scale(1,-1), et il s'affiche correctement.

Comment convertir du texte en tracés SVG pour une Cricut ou une découpeuse laser ?

Installez la police TTF, saisissez votre texte dans Inkscape ou Illustrator et convertissez-le en contours : Chemin › Objet en chemin dans Inkscape, Texte › Vectoriser le texte dans Illustrator. Enregistrez ensuite en SVG. Une police SVG contient chaque lettre séparément et n'est pas mise en page sous forme de mots.

Les polices SVG conservent-elles le crénage et les ligatures ?

Seulement en partie. Le format de police SVG peut stocker des paires de crénage avec des éléments hkern et des glyphes de plusieurs caractères, mais il n'a pas d'équivalent aux tables de fonctionnalités OpenType comme les petites capitales, les variantes ou les règles contextuelles. Gardez le TTF si vous en avez besoin.

Une police SVG est-elle utile pour les polices d'icônes ?

Oui, c'est son usage principal aujourd'hui. Les outils de polices d'icônes comme IcoMoon importent les polices SVG, ce qui permet d'extraire les icônes d'une ancienne police d'icônes, de les modifier, de constituer un nouveau jeu ou d'exporter chaque icône en SVG individuel.