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é
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.
Outils similaires
Convertir TTF en WOFF2
Emballe des polices TTF en WOFF2 pour le web – directement dans votre navigateur, sans envoi.
● Dans le navigateur
Convertir OTF en WOFF2
Emballe des polices OTF en WOFF2 pour le web – directement dans votre navigateur, sans envoi.
● Dans le navigateur
Convertir WOFF en WOFF2
Emballe des polices WOFF en WOFF2 pour le web – directement dans votre navigateur, sans envoi.
● Dans le navigateur
Convertir WOFF2 en TTF
Décompresse les polices web WOFF2 en TTF installable (ou OTF selon les contours) – dans le navigateur.
● Dans le navigateur
Convertir TTF en WOFF
Emballe des polices TTF en WOFF pour le web – directement dans votre navigateur, sans envoi.
● Dans le navigateur
Convertir OTF en WOFF
Emballe des polices OTF en WOFF pour le web – directement dans votre navigateur, sans envoi.
● Dans le navigateur
Convertir WOFF en TTF
Décompresse les polices web WOFF en TTF installable (ou OTF selon les contours) – dans le navigateur.
● Dans le navigateur
Convertir WOFF2 en WOFF
Emballe des polices WOFF2 en WOFF pour le web – directement dans votre navigateur, sans envoi.
● Dans le navigateur