Chargements de Page Plus Rapides
Des fichiers de police plus petits se téléchargent plus rapidement, améliorant la métrique LCP (Largest Contentful Paint), qui est cruciale pour les performances du site.
Réduisez la taille de vos fichiers de polices web en créant un sous-ensemble de polices. Ne conservez que les caractères dont vous avez besoin, avec prise en charge des caractères personnalisés, des plages Unicode et un aperçu en direct. Améliorez les performances de votre site et les Core Web Vitals.
Un créateur de sous-ensembles de polices réduit la taille des fichiers de police en n'extrayant que les caractères (glyphes) dont vous avez réellement besoin. Un fichier de police complet peut contenir des milliers de glyphes pour plusieurs langues, mais un site web n'en utilise généralement que quelques centaines. Réduire une police de 500 Ko à 50 Ko améliore considérablement la vitesse de chargement. Cet outil traite les polices localement avec HarfBuzz (hb-subset) — aucun fichier de police n'est téléversé.
Gardez uniquement les caractères que votre site web utilise réellement. Prend en charge TTF, OTF, WOFF et WOFF2 avec des plages Unicode et un aperçu en direct.
Téléversez votre fichier de police .TTF, .OTF, .WOFF ou .WOFF2 en utilisant la zone de glisser-déposer.
Entrez tous les caractères réellement utilisés sur votre site dans la zone de texte. Vous pouvez également ajouter des plages Unicode courantes, comme U+4E00-9FFF pour les caractères chinois.
Cliquez sur 'Créer le Sous-ensemble'. L'outil générera un nouveau fichier de police plus petit. Téléchargez la police optimisée et utilisez-la dans votre projet. Le format de sortie (TTF ou OTF) est déterminé automatiquement à partir du format de contour de la police.
Des fichiers de police plus petits se téléchargent plus rapidement, améliorant la métrique LCP (Largest Contentful Paint), qui est cruciale pour les performances du site.
Les utilisateurs voient votre contenu textuel plus rapidement, réduisant les temps d'attente, ce qui peut diminuer les taux de rebond et augmenter la satisfaction.
La vitesse de la page est un facteur de classement clé pour les moteurs de recherche comme Google. L'optimisation des polices est un moyen puissant d'améliorer votre score Core Web Vitals.
Vos fichiers de police sont traités localement. Jamais téléversés, jamais stockés, jamais envoyés à un serveur.
Les fichiers de police modernes (OTF, TTF, WOFF, WOFF2) contiennent bien plus que des formes de lettres. Une police latine typique comprend majuscules et minuscules, chiffres, ponctuation, caractères accentués, ligatures, glyphes alternatifs, paires de kerning et fonctionnalités OpenType (petites capitales, chiffres elzéviriens, variantes contextuelles). Une famille de polices complète peut contenir plus de 1 000 glyphes. Lorsque vous utilisez une police sur un site qui n'affiche que du texte en anglais, vous transférez 90 % des données de la police pour rien — gaspillant de la bande passante et ralentissant le chargement.
La création de sous-ensembles résout ce problème en n'extrayant que les glyphes nécessaires. Pour un site uniquement en anglais, les 95 caractères ASCII imprimables peuvent suffire — réduisant la police de 500 Ko à 20-50 Ko. Pour un site utilisant le latin de base + les accentués courants, comptez environ 200 glyphes. L'outil utilise HarfBuzz (hb-subset) pour analyser la structure binaire de la police, extraire les glyphes spécifiés et leurs métriques associées (kerning, avances) et reconstruire un fichier de police valide avec uniquement ces glyphes.
Le format WOFF2 apporte une compression supplémentaire en plus du sous-ensemble. WOFF2 utilise la compression Brotli, qui produit des fichiers 20 à 40 % plus petits que WOFF. Tous les navigateurs modernes (Chrome, Firefox, Safari, Edge) prennent en charge WOFF2. L'approche optimale consiste à créer un sous-ensemble avec les glyphes nécessaires, puis à l'encoder en WOFF2 pour une compression maximale. Une police TTF de 500 Ko peut être réduite à un sous-ensemble WOFF2 de 15 Ko — une réduction de 97 %.
Pour la plupart des sites web, la stratégie la plus simple consiste à créer un sous-ensemble de la plage Latin de base Unicode (U+0020 à U+007E), qui couvre tous les caractères ASCII. Cela suffit pour le contenu en anglais. Pour les sites multilingues, créez des sous-ensembles des plages Unicode spécifiques nécessaires à chaque langue et utilisez la propriété CSS unicode-range pour ne charger que le sous-ensemble pertinent sur chaque page. Google Fonts utilise cette technique : il sert différents sous-ensembles selon le contenu de la page.
Lors de la création de sous-ensembles, veillez à ne pas supprimer les glyphes référencés par les fonctionnalités OpenType. Par exemple, la fonction petites capitales (smcp) remplace les minuscules par des versions en petites capitales — si vous supprimez ces glyphes, la fonction sera cassée. Notre outil préserve les définitions de fonctionnalités de la police mais n'inclut que les glyphes que vous spécifiez. Si vous avez besoin de fonctionnalités OpenType, incluez tous les glyphes qu'elles référencent. Pour le texte courant sur le web, il est souvent préférable de désactiver les fonctionnalités OpenType complexes et de créer un sous-ensemble avec uniquement les formes de lettres de base.
Une comparaison côte à côte des outils populaires de création de sous-ensembles de polices.
| Fonctionnalité | NeatForge | Font Squirrel | Everything Fonts |
|---|---|---|---|
| Confidentialité (sans téléversement) | OUI 100% navigateur | N Téléverse vers le serveur | N Téléverse vers le serveur |
| Entrée TTF, OTF, WOFF, WOFF2 | OUI Tous les formats | OUI | Limité |
| Sortie WOFF2 | N TTF/OTF uniquement | OUI | N |
| Jeux de caractères personnalisés | OUI | OUI | Limité |
| Préserve les fonctionnalités OpenType | OUI | OUI | N |
| Polices emoji couleur (COLR/CBDT) | OUI | N | N |
| Sans inscription | OUI | N E-mail requis | N |
Font Squirrel et les autres outils de sous-ensemble basés sur un serveur exigent le téléversement de vos fichiers de police. Notre outil utilise HarfBuzz (hb-subset) pour analyser les polices et créer des sous-ensembles entièrement dans votre navigateur — vos polices personnalisées ou sous licence ne quittent jamais votre appareil.
Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers ne sont ni téléversés, ni stockés, ni analysés.
Même si votre connexion internet tombe, vos fichiers restent en sécurité.
Découvrez les meilleurs outils gratuits pour développeurs qui augmentent la productivité sans dépenser une fortune. Des formateurs de code aux testeurs d'API, ces outils optimiseront votre flux de travail.
Un JWT est composé de trois parties encodées en Base64URL : header, payload et signature. Apprenez à décoder un token et à lire ses claims iat, nbf et exp.
Comprenez Base64, la différence entre Base64 standard et compatible URL, et encodez ou décodez du texte localement dans le navigateur.