Fondue

Fondue est un outil web moderne pour optimiser vos polices de caractères (subsetting) et les convertir au format WOFF2, standard actuel pour le web. Il est conçu pour être simple, rapide et respectueux de la vie privée, fonctionnant entièrement dans votre navigateur.

Outil moderne, Fondue gère très bien les polices variables (variable fonts), idéales de nos jours pour des performances d'affichage optimales.

Pour plus d'informations sur l'usage des polices pour le web ainsi que sur les polices variables, consultez l'article détaillé d'Alsacréations "Optimisez vos polices web".

🚀 Fonctionnalités

• Importation facile : Support du glisser-déposer pour les fichiers .ttf, .otf, .woff et .woff2 (décompression automatique pour ces derniers).
• Collection intégrée : Accès direct à une sélection de polices libres déjà optimisées et prêtes à l'emploi.
• Analyse détaillée : Affiche les métadonnées de la police (nom, format, poids, nombre de glyphes, fonderie, etc.).
• Support des Fontes Variables : Détection automatique des axes de variation (poids, largeur, etc.) avec prévisualisation interactive.
• Subsetting (Jeu de caractères) : Réduisez la taille de vos fichiers en ne conservant que les caractères nécessaires (Latin Basic, Latin-1 Supplement, etc.).
• Prévisualisation en direct : Testez le rendu de la police avec votre propre texte avant l'export.
• Export intelligent :
  • Génération de fichiers WOFF2 optimisés.
  • Convention de nommage propre (Nom-opti.woff2).
  • Estimation précise du gain de poids.
• 100% Client-side : Vos fichiers de police ne sont jamais envoyés sur un serveur. Tout le traitement se fait localement dans votre navigateur via WebAssembly.

🌐 Démo

L'outil est accessible en ligne ici : fondue.alsacreations.com

🤝 Les outils Alsacréations

Cet outil fait partie d'un écosystème de services et bonnes pratiques CSS, les ressources suivantes vous seront sans doute aussi utiles qu'à nous !

• Kiwipedia : les Guidelines de l'agence Alsacréations.
• Reset : le reset CSS employé chez nous.
• Bretzel : Layouts réutilisables et utilitaires.
• Spätzi : Testez et corrigez vos contrastes de couleurs non accessibles.
• Fondue : Optimisation des polices pour le web.
• Hotpink : Encyclopédie des couleurs CSS nommées.
• KNACSS : styles modernes et accessibles pour les éléments HTML natifs courants.
• Schnapsit : Lorem Ipsum alsacien.
• MyDevice : Taille, résolution et infos de votre device.
• UniClaude : Explorateur de caractères Unicode.
• Quetsche : Compression d'images. Simple. Basique.