@font-face Générateur de Webfont

Un générateur de polices web transforme les fichiers de polices de bureau ou téléchargés (TTF, OTF, WOFF, WOFF2 — y compris les polices variables modernes) en formats que les navigateurs peuvent charger sur le web — principalement WOFF2 aujourd'hui, avec WOFF comme solution de secours héritée — et produit des déclarations CSS @font-face correspondantes afin que vous puissiez auto-héberger la typographie de votre site web.

Pourquoi auto-héberger des polices ?

L'auto-hébergement vous donne un contrôle total sur la performance, la confidentialité et la fiabilité. Il n'y a aucune demande tierce à Google Fonts (utile pour le RGPD), pas de recherche DNS supplémentaire, vous pouvez précharger le fichier, et vous décidez exactement quels poids, styles et axes sont expédiés avec votre site.

Comment fonctionne la conversion

WOFF2 enveloppe vos contours TTF/OTF dans un conteneur compressé Brotli conçu spécifiquement pour le web — typiquement 30 % plus petit que WOFF et plus de 50 % plus petit que le TTF brut. WOFF est un ancien conteneur compressé zlib, conservé comme solution de secours pour les très anciens navigateurs. Notre générateur exécute l'encodeur et le décodeur WOFF2 officiels de Google compilés en WebAssembly, donc la conversion se fait localement dans votre navigateur. Déposez un WOFF2 que vous avez téléchargé depuis Google Fonts et nous le décodons de manière transparente en un conteneur sfnt avant de le réencoder — vous n'avez jamais à chercher le TTF original.

Ce que vous obtenez dans le bundle

• Polices en WOFF2 (et éventuellement WOFF/TTF) pour chaque visage téléchargé — y compris les polices variables conservées comme un seul petit fichier.
• Une feuille de style complète.css avec une règle @font-face par fichier, les indices de format() corrects, les plages de poids de police, le style de police, l'étirement de la police, l'affichage de la police et un local() optionnel.
• Une page demo.html afin que vous puissiez prévisualiser chaque poids, style et axe à plusieurs tailles avant de passer en direct.
• Intégration Base64 optionnelle pour expédier la police en ligne dans votre CSS pour des scénarios hors ligne ou à fichier unique.

Confidentialité & licences

Les fichiers ne quittent jamais votre appareil — tout est traité dans votre navigateur. Assurez-vous toujours que la licence de votre police permet l'intégration de webfont avant de la publier sur votre site web.