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.
A font subsetter reduces font file sizes by extracting only the characters (glyphs) you actually need. A full font file may contain thousands of glyphs for multiple languages, but a website typically uses only a few hundred. Subsetting a font from 500 KB to 50 KB dramatically improves page load speed. This tool processes fonts locally using opentype.js -- no font files are uploaded.
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.
Sélectionnez votre format de sortie souhaité, soit OTF soit TTF, dans les paramètres d'exportation.
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.
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.
Modern font files (OTF, TTF, WOFF, WOFF2) contain much more than letter shapes. A typical Latin font includes uppercase and lowercase letters, digits, punctuation, accented characters, ligatures, alternate glyphs, kerning pairs, and OpenType features (small caps, old-style figures, contextual alternates). A comprehensive font family can include 1,000+ glyphs. When you use a font on a website that only displays English text, you're shipping 90% of the font's data unused -- wasting bandwidth and slowing page load.
Font subsetting solves this by extracting only the glyphs you need. For an English-only website, you might need just the 95 printable ASCII characters -- reducing the font from 500 KB to 20-50 KB. For a site that uses basic Latin + common accented characters, you might need 200 glyphs. The subsetting tool uses opentype.js to parse the font's binary structure, extract the specified glyphs and their associated metrics (kerning, advance widths), and rebuild a valid font file with only those glyphs.
The WOFF2 format provides additional compression on top of subsetting. WOFF2 uses Brotli compression, which achieves 20-40% smaller files than WOFF. Modern browsers (Chrome, Firefox, Safari, Edge) all support WOFF2. The optimal approach is to subset the font to the needed glyphs, then encode it as WOFF2 for maximum compression. A 500 KB TTF font can be reduced to a 15 KB WOFF2 subset -- a 97% reduction.
For most websites, the simplest strategy is to subset to the Unicode Basic Latin range (U+0020 to U+007E), which covers all ASCII characters. This is sufficient for English content. For multilingual sites, subset to the specific Unicode ranges needed for each language and use the unicode-range CSS property to load only the relevant subset for each page. Google Fonts uses this technique -- it serves different subsets based on the page's content.
When subsetting, be careful not to remove glyphs that are referenced by OpenType features. For example, small caps feature (smcp) replaces lowercase letters with small capital versions -- if you remove the small caps glyphs, the feature will break. Our tool preserves the font's feature definitions but only includes the glyphs you specify. If you need OpenType features, include all glyphs that those features reference. For body text on the web, it's often best to disable complex OpenType features and subset to just the basic letterforms.
Une comparaison côte à côte des outils populaires de sous-définition de polices.
| Fonctionnalité | NovaTools | 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 |
| TTF, OTF, WOFF input | OUI Tous les formats | OUI | Limité |
| WOFF2 output | OUI | OUI | N |
| Custom character sets | OUI | OUI | Limité |
| Preserves OpenType features | OUI | OUI | N |
| Sans inscription | OUI | N E-mail requis | N |
Font Squirrel and other server-based subsetters require uploading your font files. Our tool uses opentype.js to parse and subset fonts entirely in your browser -- your custom or licensed fonts never leave your device.
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.