svg2all

Générateur @font-face

Écrit la règle @font-face d'une police – famille, graisse, style et unicode-range lus dans la police.

Fonctionne dans votre navigateur – le fichier n'est jamais envoyé

Chargement de l'outil …

Questions fréquentes

Mon fichier est-il envoyé ?

Non. La conversion se fait entièrement dans votre navigateur. Le fichier ne quitte jamais votre appareil – aucun serveur ne peut le voir. Une fois la page chargée, l'outil fonctionne même hors ligne.

D'où viennent la famille, la graisse et le style ?

De la police elle-même : le nom de famille depuis sa table de noms (la famille typographique si elle existe), la graisse depuis la classe de graisse OS/2 (400 = normal, 700 = gras), le style depuis les indicateurs italique et oblique, la chasse depuis la classe de largeur. La ligne src reprend le nom de votre fichier et le bon mot-clé format() – woff2, woff, truetype ou opentype.

Dois-je incorporer la police en base64 ?

En général non. Une data URL économise une requête, mais rend le CSS un tiers plus lourd que la police, bloque le rendu jusqu'à l'arrivée de toute la feuille de style et ne peut pas être mise en cache séparément. L'incorporation a du sens pour une démo en un seul fichier ou un modèle d'e-mail, pas pour un site normal.

À quoi sert unicode-range ?

Il liste exactement les caractères que contient la police. Les navigateurs ne téléchargent alors la police que si la page en utilise vraiment un – avec un subset par écriture, vous ne servez que la partie dont une page a besoin. La valeur est lue dans la table des caractères de la police, donc toujours exacte pour ce fichier.